Server and Client Components
Server and Client Components combine the rich interactivity of client-side apps with the improved performance and benefits of server-side rendering.
Server and Client Components combine the rich interactivity of client-side apps with the improved performance and benefits of server-side rendering.
Core Web Vitals are a set of website performance metrics that focus on three key aspects of the website performance: loading speed, interactivity, and visual stability.
Build an SVG icon library in React by transforming svg files into React Components using SVGR.
Storybook is a tool for building UI components and pages in isolation. Learn how to build a reusable React component library with Storybook 6 and Rollup.
Practical example of caching results of expensive computations using Memoization.
How to build a custom Hook in React. Resource list of ready to use Hooks to speed up our productivity.
TypeScript type annotations provides more expressive relationships between ES2015 Classes.
Make flexible and reusable React componets using the compound component pattern.
Common testing patterns using React Testing Library. Including: Render, queries, assertions and custom hooks.
How to configure Mock Service Worker and reuse the same API mock definitions for testing and development.
React Context is designed to share data without having to pass props down manually at every level. Let's look at a practical example of using React Context and the useReducer hook to manage an application state.
Typescript generics add a layer of abstraction to our code making it more reusable.
How to fetch data from a REST API in React using the useEffect and useState hooks.
How to configure Webpack 4 to bundle JavaScript files, transform front-end assets, and optimize our code.
Explore React-Redux in practice by building a step by step example of a todo list app.
Introduction to the three Principles of Redux and their context in the unidirectional data flow.
Create media queries in Sass by using maps, functions, mixins and variables.
What is the 'this' keyword in JavaScript. Examples of how the value of 'this' is determined.
Immediate Invoke Function Expressions (IIFE), Closures, and Namespace.