Starter template using React 18, TypeScript, TailwindCSS, and Webpack 5, optimized for seamless development and efficient production builds.
Take full control over network behavior during prototyping, testing, and debugging with Mock Service Worker.
SVGR is a tool that converts SVG files into React components, enabling easy integration and customization within React apps.
The Core Web Vitals metrics help quantify the user experience and identify opportunities for improvement on our websites by focusing on loading speed, interactivity, and visual stability.
Server and Client Components combine the rich interactivity of client-side apps with the improved performance and benefits of server-side rendering.
Tailwind-merge is perfect for overriding unique one-off styling cases without individually defining them within the component variant.
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.
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.
Dive into string manipulation techniques through array conversion and master this versatile pattern for a wide range of applications.
Typescript generics add a layer of abstraction to our code making it more reusable.
A queue is a data structure following the First In First Out principle (FIFO), like a line at a store.
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.
Immediate Invoke Function Expressions (IIFE), Closures, and Namespace.