Description
A Tour of JavaScript & React Patterns, a course on JavaScript and React code design patterns, is published by Frontend Masters Academy. In this course, you will learn a set of design patterns to improve the code architecture of your web applications. You will first have an overview of more traditional design patterns such as the singleton and proxy patterns in JavaScript, then you will see Ricket patterns such as the Higher Order Component and Hooks patterns, and finally, performance patterns and rendering patterns will be covered. The instructor explains that modules were introduced by default in ES2015. The module pattern breaks up larger files into smaller, reusable chunks that are imported by adding the "type="module attribute to the script tag.
In Node.js, modules can use the mjs file extension or by adding the "module" parameter to the Package.json file. You'll also find that static rendering can lead to long build times if pages need to be pre-rendered. Incremental static generation allows developers to pre-render only a subset of pages. If the user requests a page that is not already rendered, the page is rendered to the server and then stored by the CDN. Core Web Vitals are introduced to you, including time to first byte, first contentful paint, largest contentful paint, time to interaction, cumulative layout change, and first input lag.
In Node.js, modules can use the mjs file extension or by adding the "module" parameter to the Package.json file. You'll also find that static rendering can lead to long build times if pages need to be pre-rendered. Incremental static generation allows developers to pre-render only a subset of pages. If the user requests a page that is not already rendered, the page is rendered to the server and then stored by the CDN. Core Web Vitals are introduced to you, including time to first byte, first contentful paint, largest contentful paint, time to interaction, cumulative layout change, and first input lag.
What you will learn?
Module template
Singleton pattern
Proxy template
Factorial pattern
observer pattern
Inclusive pattern/representation
Who is this course suitable for?
People who are looking to improve their skills in designing JavaScript applications
Professionals who want to learn more about JavaScript design patterns
A Tour of JavaScript & React Patterns course details
Chapters of A Tour of JavaScript & React Patterns course
# Introduction
# Module Pattern
# Module Pattern Solution
# Singleton Pattern
# Singleton Pattern Solution
# Proxy Pattern
# Proxy Pattern Solution
# Observer Pattern
# Observer Pattern Solution
# Observer Pattern Q&A
# Factory Pattern
# Factory Pattern Solution
# Prototype Pattern
# Prototype Pattern Solution
# Container /Presentation Pattern
# Container/Presentation Pattern Solution
# Higher-Order Component Pattern
# Higher-Order Component Pattern Solution
# Render Props Pattern
# Render Props Pattern Solution
# Hooks Pattern
# Hooks Pattern Solution
# Provider Pattern
# Provider Pattern Solution
# Compound Pattern
# Compound Pattern Solution
# Bundling & Compiling
# Static & Dynamic Imports
# Browser Hints: Prefetch & Preload
# Core Web Vitals
# Client-Side & Static Rendering
# Incremental Rendering & SSR
# Wrapping Up
Course prerequisites
Some familiarity with javascript language
Publisher: Frontend Masters
Instructor: Lydia Hallie
Language: English
Education level: all levels
Number of courses: 33
Training duration: 3 hours and 30 minutes
Last Update - 2022-8
