Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://s3.amazonaws.com/assets.fullstack.io/n/20211109194157510_CoverImage_AdvancedAdminReporting.png

lesson

How to Build a Multilingual React Site with Query BuilderBuilding Advanced Admin Reporting in React

Adding another bit of customization to the query builder -- a Spanish translation

https://image.mux.com/01qz4Ikon6VABUuUch8bs8ZY601bO8fbUcUd3fLvWdtKk/thumbnail.png?time=0

lesson

Add Fields and Operators to React Query BuilderBuilding Advanced Admin Reporting in React

Enhancing the query builder with fields from the sample sales data set

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

lesson

Angular --prod Universal Versus PrerenderThe newline Guide to Angular Universal

That was a bumpy ride, but definetely worth it. In this lesson we will summarize what you've learned so far and how ng --prod differentiate from Universal and Prerendered application.

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

lesson

How to Resolve Angular Prerendering IssuesThe newline Guide to Angular Universal

What is prerendering and how Angular Universal supports it? This lesson will answer that questio and show you what steps you need to take, to make your application prerenderable.

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

lesson

Prerendering in AngularThe newline Guide to Angular Universal

In this module, you'll learn how to adjust the Angular application to be pre-renderable. Such prepared application can be deployed on static hosting like GitHub pages and still be SEO friendly! You will feed your application with data retrieved from MongoDB during the prerendering process.

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.