How to use CSS Modules in React
A tutorial on setting up and using CSS Modules for styling React components in a custom Webpack project.
A tutorial on setting up and using CSS Modules for styling React components in a custom Webpack project.
A tutorial explaining how to use React Context to avoid prop drilling in component trees, with a simple use case example.
Explores four patterns to implement persistent layouts in Next.js applications, preventing full UI re-renders during navigation.
A comprehensive guide to understanding and managing state in React, from local component state with hooks to global state solutions.
An introduction to Gatsby, a React-based framework for building fast, static websites using the JAMstack architecture.
Three approaches to solve the nesting problem known as 'render props callback hell' in React component design.
Explores the benefits and core concepts of Redux for JavaScript developers, highlighting its lasting impact on state management.
A software engineering intern shares key lessons learned during their summer internship at ASAPP, including project management and teamwork.
A developer explains moving from Medium to a Gatsby-based blog due to poor code syntax highlighting and lack of improvements.
Explains how colocating React state can improve app performance by reducing unnecessary re-renders, with code examples.
Explains the benefits of deriving state in React instead of synchronizing multiple state variables, using a tic-tac-toe game as an example.
A guide on using the React DevTools Profiler to measure app performance, including a warning to profile in production mode for accurate results.
A guide to React performance optimization, explaining the difference between the render and commit phases and why focusing on slow renders is key.
A tutorial on testing React components connected to a Redux store using Jest and Redux Mock Store.
Exploring the advantages and challenges of adopting new technologies like Apollo & GraphQL, using a real-world case study from CodePen.
A guide to extending TypeScript's JSX interfaces for React to support new HTML attributes like lazy loading.
A tutorial on using Jest snapshot testing to capture and compare the output of a React component before and after a state change.
A guide to using shallow rendering in Jest snapshot tests to avoid large outputs and duplicated test setups for React parent components.
A technical guide explaining how to re-implement the React useState hook using the useReducer hook for educational purposes.
The article argues against writing many small, single-assertion tests for React components, advocating for fewer, more comprehensive tests.