React Context API for Global State: Reducer Pattern and Re-render Fixes
The React Context API lets you share a value, such…
Write Structured content faster — Get your copy of DITA Decoded today.
Category React
React Fragment Explained: When to Use Fragments Instead of a div
A React Fragment lets a component return several elements without…
How to Implement a Queue Data Structure in React (With a Notification Queue Example)
A queue data structure is a First-In-First-Out (FIFO) collection: items…
How to Implement a Stack Data Structure in React (With an Undo/Redo Example)
To implement a stack data structure in React, keep the…
How to Use Cloud Firestore in React: CRUD, Realtime Updates & Security Rules
To use Cloud Firestore in a React app, install the…
Firebase Authentication With React: Email, Google and Protected Routes
Firebase Authentication handles sign-up, sign-in, password resets, email verification and…
React Query Params: Read & Set URL Search Params (React Router, Next.js)
To read query params in React with React Router, call…
What Is React Router DOM? Packages, Modes and Alternatives Explained
React Router DOM (react-router-dom) is the name of the npm…
How to Add Dark Mode in React: System Theme, Toggle & No Flash
To add dark mode to a React app, store your…
Login Authentication Without a Backend: Why It’s Unsafe and What to Use Instead
You can’t implement secure login authentication without a backend, because…
DOM Tree Structure Explained: Nodes, Traversal and Common Gotchas
The DOM tree structure is how a browser represents an…
Higher-Order Components in React: How They Work and When to Use Them
A higher-order component (HOC) in React is a function that…
How to Use Axios in React: GET, POST, Interceptors and Cancelling Requests
To use Axios in React, install it with npm install…
How to Create an Auth0 Protected Route in React (React Router 8)
To create an Auth0 protected route in React, wrap your…
React vs React Native: Key Differences and When to Use Each
React and React Native share a name, a component model…