Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/c7OBuYfS029SnJ02DW66xu9Qk7HO024tje2vyaYHO01j7p00/thumbnail.png?time=0

lesson

How to Bulk Edit Data With React Query BuilderBuilding Advanced Admin Reporting in React

Using React Query Builder for a completely different purpose

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

5 Angular Performance Optimization TipsThe newline Guide to Angular Universal

Faster! Faster! Faster! In this lesson you will enable gzip compression, defer the CSS, lazy-load images and more. All to make it faster!

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Cache Angular With Redis Node.js MiddlewareThe newline Guide to Angular Universal

In this lesson you will create a Node.JS middle-ware, that will be responsible for caching rendered views inside Redis database.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Install Redis CLI on Windows, Mac, and HerokuThe newline Guide to Angular Universal

First things first. Let's install the Redis DB on your machine and provision it in the Heroku environment.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Handle Slow API Calls in AngularThe newline Guide to Angular Universal

Long running API calls can affect your application rendering time, that might lead to the SEO disaster. In this lesson you will learn how you can protect your application against such situation.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Perform Angular HTTP Calls With TransferHttpCacheModuleThe newline Guide to Angular Universal

Next step is to get know a TransferHttpCacheModule, which provides the TransferState functionality "out of the box" for the HTTP calls.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Send Server Data to Client With Angular TransferStateThe newline Guide to Angular Universal

Say Hello to TransferState, a key-value registry that is passed along with the application bundle, from the server-side angular to the browser-side part of the application. In this lesson you will learn how frontend can get to know what backend has already do (ie retrieving data from DB); thanks to that you can avoid repeating those steps and offload your application backend.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Make Angular Functional With JavaScript DisabledThe newline Guide to Angular Universal

Once you know how to read cookies in the Angular Universal app, it's time to learn how to set them up. In this lesson, you will make your application fully functional for users whose browser doesn't support JavaScript at all.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Read HTTP Requests With Cookies in AngularThe newline Guide to Angular Universal

Next step is to create a server-equivalent of service responsible for user interactions. This lesson will show you how to read HTTP requests in Angular, get cookies from it and decrypt them.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Build Server-Specific Services in Angular UniversalThe newline Guide to Angular Universal

Once your MongoService is in place, you need to prepare a server-equivalent of ProductsService. This service will query MongoService for products list and descriptions and embed those in the HTML rendered by Angular Universal.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

How to Query MongoDB from Angular UniversalThe newline Guide to Angular Universal

One of possible improvements is to perform queries against MongoDB directly from Angular Universal. In this lesson you will create a service which does this job.

https://s3.amazonaws.com/assets.fullstack.io/n/20220504151043292_C95F39E2-21CB-4F4F-BCD5-28C1DC999E3C.png

lesson

Retrieve MongoDB Data in Angular Universal With SecretsThe newline Guide to Angular Universal

In this course module, you will learn how to pass objects and function references from Node.js to Angular Universal sandbox. You will build a service that will be used to connect with MongoDB and perform queries. You will also gain knowledge on how to prepare a server-equivalent of services used in browser-side Angular; and how to improve your application performance thanks to them. You will also make your application fully functional for users with disabled JavaScript.