Published on: 2023-01-25 13:14:33
Categories: 28
Share:
Learn a suite of design patterns to improve the code architecture of your web apps! You’ll get an overview of more traditional design patterns with JavaScript, such as the Singleton and Proxy patterns. Then see React patterns such as the Hooks and Higher Order Component patterns. Lastly, we’ll cover Performance patterns and Rendering Patterns. Lydia introduces the core web vitals which include the time to first byte, first contentful paint, largest contentful paint, time to interactive, cumulative layout shift, and first input delay. Lydia explains that static rendering might lead to long build times if pages need to be pre-rendered. Incremental static generation allows developers to only pre-render a subset of pages.
If the user requests a page that hasn’t been pre-rendered, the page get server-rendered and then cached by the CDN. Server-side rendering and streaming server-side rendering are also discussed in this segment. Lydia explains the difference between static and dynamic imports. Static imports are immediately available in the application bundle and are easy to optimize and tree shake. Dynamic imports provide a faster initial load but can lead to layout shifts or a decreased user experience if they are not loaded by the time they are needed. The React useInView hook and route-based splitting are also demonstrated in this segment.
# 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 Rerendering & SSR
# Wrapping Up
Extract the files and watch with your favorite player
Subtitle : English
Quality: 1080p
682 GB
Sharing is caring: