| Robust Data Fetching Architecture for Complex React/Next.js Apps (tre) | | 399 |
| nextjs, hooks, data-fetching, architecture |
| React Compiler Explained in 3 Minutes (Goodbye, Re-Renders) (bet) | | 398 |
| videos, compiling |
| Impossible Components (dan) | | 397 |
| components, state-management |
| Advanced React in the Wild (add) | | 396 |
| nextjs, performance, case-studies |
| 7 React Patterns That Made Me a Better Front-End Developer | | 395 |
| hooks, props, software-design-patterns |
| React Server Confusion (ano) | | 394 |
| components, vite, fastify |
| React Reconciliation: The Hidden Engine Behind Your Components | | 393 |
| dom, components |
| React 19’s New Hooks: With Practical Examples (let) | | 392 |
| hooks, javascript, examples |
| React Email 4.0 | | 391 |
| email, tooling |
| React Query API Design: Lessons Learned (tkd) | | 390 |
| videos, lessons, apis, state-management, data-fetching |
| SSR Deep Dive for React Developers | | 389 |
| deep-dives, server-side-rendering, javascript |
| Stop Chasing New JavaScript Frameworks: Build With Fundamentals Instead | | 388 |
| fundamentals, javascript, frameworks, vuejs, angular, svelte, solidjs |
| Is React Accessible? That’s the Wrong Question | | 387 |
| accessibility, jsx, semantics, html |
| Why the Latest JavaScript Frameworks Are a Waste of Time | | 386 |
| frameworks, javascript, angular |
| Retrieval-Augmented Generation With Node.js, Podman AI Lab, and React | | 385 |
| ai, nodejs |
| 7 Best Practices of File Upload With JavaScript and React | | 384 |
| file-handling, javascript, best-practices |
| Leverage on Redux to Execute Your Tests 100× Times Faster | | 383 |
| redux, testing, performance, examples |
| JavaScript Fatigue Strikes Back (all) | | 382 |
| javascript, frameworks, libraries, tooling |
| React Libraries for 2025 (rwi) | | 381 |
| libraries, tooling, link-lists |
| Sunsetting “Create React App” (mat+/rea) | | 380 |
|
| State of React 2024 [Results] (sac+/dev) | | 379 |
| surveys |
| How to Start a React Project (rwi) | | 378 |
| how-tos |
| “Create React App” Officially Deprecated Amid React 19 Compatibility Issues (sar/soc) | | 377 |
| vite, migrating, single-page-apps |
| Introducing Fusion: Write PHP Inside Vue and React Components (eri/lar) | | 376 |
| introductions, tooling, php, vuejs, components |
| React Is Just “document.createElement()” With Good Marketing, and I Can Prove It | | 375 |
| typescript, tailwind |
| State Management: Simplified for Front-End Developers | | 374 |
| state-management, flutter, vuejs, best-practices |
| React.js vs. Next.js (bhu) | | 373 |
| nextjs, comparisons, performance |
| Initial Load Performance for React Developers: Investigative Deep Dive (ade) | | 372 |
| deep-dives, performance, web-vitals, metrics |
| Moving on From React, a Year Later (kel) | | 371 |
| migrating, stimulus, performance |
| From React to Next.js: When and Why to Make the Switch | | 370 |
| migrating, nextjs |
| Revealed: React’s Experimental Animations API (cit) | | 369 |
| animations, transitions, apis |
| 2024 JavaScript Rising Stars | | 368 |
| javascript, frameworks, libraries, vuejs, tooling, mobile, desktop, state-management, ai, css-in-js, testing, graphql, retrospectives |
| Top React Best Practices in 2025 | | 367 |
| best-practices |
| Tech Stack 2025 | | 366 |
| tech-stacks, remix, astro, tailwind, prisma, playwright, cloudflare |
| You Don’t Need Next.js | | 365 |
| migrating, nextjs, metrics |
| Create Stunning Dashboards With ReactJS: Step-By-Step Guide | | 364 |
| guides, visualization |
| React 19 and Web Component Examples (chr/fro) | | 363 |
| web-components, examples |
| React v19 (rea) | | 362 |
| release-notes |
| How Does the React Compiler Perform on Real Code (ade) | | 361 |
| compiling, rendering, memoization, performance |
| React vs. Angular: Which Framework Should We Choose in 2024 and 2025? (bhu) | | 360 |
| frameworks, angular, comparisons |
| How React Compiler Performs on Real Code (ade) | | 359 |
| compiling, rendering, memoization |
| If Not React, Then What? (sli) | | 358 |
| frameworks, client-side-rendering, user-experience, performance |
| I Don’t Have Time to Learn React (kei) | | 357 |
| career, craft, prioritization |
| Static Site Generation With Next.js: Using Next.js for React.js Applications | | 356 |
| static-site-generation, site-generators, nextjs |
| React.js Best Practices for Beginners: A Comprehensive Guide | | 355 |
| guides, best-practices, components, state-management, hooks, debugging |
| How to Optimize React Performance: Best Practices and Techniques | | 354 |
| how-tos, performance, optimization, best-practices, techniques |
| HTML Form Validation Is Heavily Underused | | 353 |
| html, forms, validation |
| State of React 2024 (sac+/dev) | | 352 |
| surveys |
| JS Frameworks, in Their Own Words (by Word Cloud) (j9t) | | 351 |
| frameworks, javascript, vuejs, angular, svelte, express, meteor, nextjs, comparisons |
| How Microsoft Edge Is Replacing React With Web Components (ric/the) | | 350 |
| edge, microsoft, browsers, web-components |
| Liskov’s Gun: The Parallel Evolution of React and Web Components (bal) | | 349 |
| web-components, comparisons |
| React on the Server Is Not PHP | | 348 |
| servers, php |
| Building a Dynamic Background Effect | | 347 |
| css, backgrounds, animations, effects |
| Stop Using “React.Fragment” | | 346 |
|
| Introducing TanStack Router (fro) | | 345 |
| introductions, routing, tooling |
| React 19 Cheat Sheet (ken) | | 344 |
| cheat-sheets |
| Create a Toggle Switch in React as a Reusable Component | | 343 |
| components, toggles, sass, maintainability, functionality |
| Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App | | 342 |
| data-structures, algorithms |
| What’s New in React 19 (ver) | | 341 |
| vercel |
| What Is React.js? (hey) | | 340 |
| videos |
| Faster Pages With React | | 339 |
| performance |
| An SSR Performance Showdown (mco) | | 338 |
| server-side-rendering, performance, vuejs, svelte, solidjs, preact, comparisons |
| Interface Segregation Principle in React | | 337 |
| principles, solid |
| How to Use React Compiler—a Complete Guide (fre) | | 336 |
| how-tos, guides, compiling |
| React Is (Becoming) a Full-Stack Framework (rwi) | | 335 |
| frameworks |
| Tips for Using React Testing Library to Write Unit Tests | | 334 |
| testing, libraries, tips-and-tricks |
| 101 React Tips and Tricks for Beginners [and] Experts | | 333 |
| tips-and-tricks, best-practices |
| Frontend Security Checklist (tre) | | 332 |
| security, checklists |
| Why the jQuery Creator Uses React and TypeScript (jer+) | | 331 |
| podcasts, interviews, jquery, typescript |
| And Now You Understand React Server Components (ken) | | 330 |
| videos, components |
| Cross Platform React | | 329 |
| videos, native, outlooks |
| React for Two Computers (dan) | | 328 |
| videos |
| Vanilla React | | 327 |
| videos, routing |
| Let’s Break React’s Rules | | 326 |
| videos, hooks |
| State of React 2023 [Results] (sac/dev) | | 325 |
| surveys |
| From Web to Native With React | | 324 |
| migrating |
| Sneaky React Memory Leaks: How the React Compiler Won’t Save You | | 323 |
| memory, compiling |
| Comprehensive React.js Cheatsheet for Developers | | 322 |
| cheat-sheets |
| Understanding React Hooks | | 321 |
| hooks |
| Enhancing The New York Times Web Performance With React 18 | | 320 |
| performance, case-studies |
| Understanding React Compiler | | 319 |
| compiling |
| How React 19 (Almost) Made the Internet Slower | | 318 |
| performance |
| React Compiler—What, Why, and How? (fro) | | 317 |
| compiling, memoization, nextjs |
| Write SOLID React Hooks | | 316 |
| hooks, principles, solid |
| Want Out of React Complexity? Try Vue’s Progressive Framework (ric/the) | | 315 |
| vuejs, frameworks, comparisons |
| Merging Remix and React Router | | 314 |
| remix, routing |
| React Compiler (rea) | | 313 |
| compiling |
| Build Your Own React.js in 400 Lines of Code | | 312 |
| jsx, principles |
| The War Begins: Top Best JavaScript Framework to Learn in 2024 | | 311 |
| frameworks, comparisons, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs |
| Demystifying React’s Types: Ref Types | | 310 |
|
| A React Developer’s Guide to Learning Solid.js | | 309 |
| guides, solidjs, comparisons |
| The First Framework That Lets You Visualize Your React/Node.js App | | 308 |
| frameworks, visualization, nodejs, wasp |
| Optimising React Apps | | 307 |
| optimization |
| How to Submit a Form in React Using FormData | | 306 |
| how-tos, forms |
| CSS in React Server Components (jos) | | 305 |
| css, javascript, components, css-in-js |
| A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution | | 304 |
| history |
| React Server Components in a Nutshell (the) | | 303 |
| components |
| Creating a Navbar in React | | 302 |
| navigation, css |
| Things That I Like Better in Vue Than in React | | 301 |
| vuejs, frameworks, comparisons |
| This Pattern Will Wreck Your React App’s TS Performance (mat) | | 300 |
| design-patterns, typescript, performance |
| Folder Structures in React Projects | | 299 |
| architecture |
| Every React Concept Explained in 12 Minutes | | 298 |
| videos, concepts |
| Quick Tip: Creating a Date Picker in React | | 297 |
| tips-and-tricks, functionality |
| The Ultimate Guide to Choosing the Best React Website Builder | | 296 |
| guides, tooling, comparisons, link-lists |
| Understanding Cookies and Sessions in React | | 295 |
| authentication, cookies |
| Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization | | 294 |
| hooks, signals |
| htmx vs. React: A Complete Comparison | | 293 |
| htmx, comparisons |
| 10 Best “Create React App” Alternatives for Different Use Cases | | 292 |
| frameworks, tech-stacks, comparisons, link-lists |
| Control Lazy Load, Infinite Scroll, and Animations in React | | 291 |
| lazy-loading, scrolling, animations, javascript |
| Understanding React “useEffect” | | 290 |
| hooks |
| JavaScript on Demand: How Qwik Differs From React Hydration (the) | | 289 |
| javascript, qwik, hydration, comparisons |
| React Labs: What We’ve Been Working On—February 2024 (rea) | | 288 |
|
| React, Solid, htmx | | 287 |
| solidjs, htmx, comparisons |
| Remix Takes on Next.js in Battle of the React Frameworks (ric/the) | | 286 |
| frameworks, remix, nextjs |
| 13 Best Books, Courses, and Communities for Learning React | | 285 |
| books, courses, link-lists |
| The Most Demanded Frontend Frameworks in 2023 | | 284 |
| frameworks, comparisons, angular, vuejs |
| Implementing User Authentication in React Apps With Appwrite | | 283 |
| authentication, tooling |
| Take a Qwik Break From React With Astro (the) | | 282 |
| qwik, astro, frameworks, comparisons |
| 5 Advanced Data-Fetching Techniques in React for Enhanced User Experience | | 281 |
| data-fetching, code-splitting, components, techniques |
| React Libraries for 2024 (rwi) | | 280 |
| libraries, link-lists |
| Moving on From React (kel) | | 279 |
| migrating, stimulus |
| Kind of Annoyed at React (cas) | | 278 |
|
| htmx for React Developers in 10 Minutes | | 277 |
| videos, htmx |
| A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe) | | 276 |
| javascript, simplicity |
| The Two Reacts (dan) | | 275 |
| components, state-management |
| 2024 Predictions by JavaScript Frontend Framework Maintainers (low/the) | | 274 |
| outlooks, javascript, frameworks, angular, nextjs, solidjs |
| The Best React Chart Libraries for Data Visualization in 2024 | | 273 |
| libraries, visualization, comparisons, link-lists |
| React Is Slow, What to Do Now? | | 272 |
| performance |
| React Server Components: The Good, the Bad, and the Ugly (may) | | 271 |
| components |
| Server and Client Component—Next.js (fro) | | 270 |
| nextjs, components |
| React Props Explained With Examples | | 269 |
| props, examples |
| 6 Techniques for Conditional Rendering in React, With Examples | | 268 |
| techniques |
| React Performance Optimization | | 267 |
| performance, optimization |
| Scale Your React App With Storybook and Chromatic | | 266 |
| scalability, storybook |
| The Pros and Cons of Using React Today (the) | | 265 |
| frameworks |
| Top 10 Most Popular JavaScript Frameworks to Choose in 2024 | | 264 |
| javascript, frameworks, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte |
| Using Selectlist in React (kil/pol) | | 263 |
| forms |
| React Router v6: A Beginner’s Guide | | 262 |
| guides, routing |
| Headless Component: A Pattern for Composing React UIs (mfo) | | 261 |
| components, headless |
| How to Build a Server-Side React App Using Vite and Express (the) | | 260 |
| how-tos, vite, express, server-side-rendering |
| Understanding React Error Boundary | | 259 |
|
| Performance in React and Next.js (ver) | | 258 |
| videos, performance, nextjs |
| Why Signals Are Better Than React Hooks | | 257 |
| videos, javascript, signals, hooks, comparisons |
| An Introduction to Working With SVGs in React | | 256 |
| introductions, images, svg |
| State of React 2023 (sac/dev) | | 255 |
| surveys |
| React Design Patterns | | 254 |
| software-design-patterns |
| 44 React Frontend Interview Questions | | 253 |
| interviewing |
| React Micro-Frontends Using Vite | | 252 |
| micro-frontends, vite |
| Why Not React? | | 251 |
|
| v0.dev (ver) | | 250 |
| websites, components, tooling, ai, tailwind |
| Building a Real-Time Chat With WebSockets, Novel, and Clerk | | 249 |
| communication, vite, nodejs, express, websockets |
| Making Sense of React Server Components (jos) | | 248 |
| components |
| A Wide View of Automated Testing in React Apps | | 247 |
| testing, automation |
| Six Reasons Not to Use React | | 246 |
| videos |
| Code Splitting in React: Optimize Performance by Splitting Your Code | | 245 |
| code-splitting, performance, optimization |
| All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 2024 | | 244 |
| videos, hooks, mistakes |
| React JSX | | 243 |
| jsx |
| React Props: A Visual Guide | | 242 |
| guides, props |
| Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications | | 241 |
| code-splitting, webpack, redux |
| JSX Without React (chr) | | 240 |
| jsx |
| Route-Based Code Splitting With React | | 239 |
| code-splitting, routing |
| Things You Forgot (or Never Knew) Because of React (col) | | 238 |
| frameworks, learning |
| Understanding React Server Components (ver) | | 237 |
| components |
| Upgrading an Ancient React Application | | 236 |
| maintenance |
| React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd) | | 235 |
| accessibility, forms, testing |
| How to Prevent Unnecessary React Component Re-Rendering | | 234 |
| how-tos, client-side-rendering, performance |
| React Design Patterns | | 233 |
| software-design-patterns |
| What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS | | 232 |
| caching, fingerprinting |
| React Developers Love Preact, Here’s Why (hac) | | 231 |
| preact, comparisons |
| Introduction to JSX | | 230 |
| introductions, jsx |
| What’s Next for Redux With Mark Erikson (ace) | | 229 |
| videos, interviews, redux, state-management |
| Live Regions in React | | 228 |
| aria, live-regions, accessibility |
| Create React UI Lib: Component Library Speedrun | | 227 |
| typescript, components, npm |
| Best Animation Libraries for React | | 226 |
| libraries, animations, link-lists |
| RSC From Scratch: Server Components | | 225 |
| videos, components |
| Is React Having An AngularJS Moment? | | 224 |
| angularjs |
| Crafting a Modern Spotlight Effect With React and CSS | | 223 |
| css, effects |
| I’m Done With React | | 222 |
| videos |
| React Testing Library and Accessibility | | 221 |
| testing, libraries, accessibility, automation |
| Load Websites Faster With Code Splitting | | 220 |
| performance, code-splitting |
| The Interactive Guide to Rendering in React | | 219 |
| guides, client-side-rendering |
| Goodbye “create-react-app”: A New Approach | | 218 |
|
| How to Write Comments in React: The Good, the Bad, and the Ugly | | 217 |
| how-tos, comments |
| React, Visualized | | 216 |
| introductions, visualization |
| Building Pagination in React With React Paginate | | 215 |
| navigation, pagination |
| The Real Difference Between “useMemo” and “Memo” in React | | 214 |
| hooks, performance, examples |
| Copy to Clipboard in JavaScript and React | | 213 |
| javascript |
| The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps | | 212 |
| guides, accessibility, testing, automation, ci-cd |
| Framework Popularity on Netlify (sel/net) | | 211 |
| frameworks, nextjs, gatsby, hugo, zola, comparisons |
| Senior Engineering Strategies for Advanced React and TypeScript (tec) | | 210 |
| strategies, typescript, architecture, testing, performance, accessibility, security, maintenance |
| What Is Strict Mode in React? | | 209 |
|
| How to Start a React Project in 2023 (rwi) | | 208 |
| how-tos |
| How to Stop a React Component From Rendering (ami) | | 207 |
| how-tos, components, client-side-rendering |
| The Problem With React | | 206 |
|
| Everything You Need to Know About the Updated React Docs | | 205 |
| documentation |
| Internationalization in Next.js 13 With React Server Components (sma) | | 204 |
| internationalization, nextjs, components |
| Vue vs. React: Everything You Need to Know | | 203 |
| vuejs, comparisons |
| Static Site Generators: What’s Trending Right Now (sta) | | 202 |
| static-site-generation, site-generators, trends, gatsby, nuxt, astro, eleventy, comparisons |
| Client-Side JavaScript and React Criticism: What Comes Next? (mol) | | 201 |
| javascript, accessibility, performance, resilience, progressive-enhancement |
| React vs. Signals: 10 Years Later (rya/thi) | | 200 |
| signals, javascript, comparisons, retrospectives |
| Dithering Images With React/JavaScript | | 199 |
| images, dithering, javascript |
| 7 Essential React Libraries for Front-End Web Development | | 198 |
| libraries, link-lists |
| Understanding the Difference Between Props and State in React | | 197 |
| props, state-management, comparisons |
| React Libraries for 2023 (rwi) | | 196 |
| libraries, link-lists |
| How to Use WebSockets in a Redux Application | | 195 |
| how-tos, websockets, redux |
| What to Expect From Vue in 2023 and How It Differs From React (ric/the) | | 194 |
| vuejs, comparisons |
| Technical SEO Basics for React Developers | | 193 |
| fundamentals, seo |
| React.js: The Documentary | | 192 |
| videos, history |
| How to Add an Event Handler in React | | 191 |
| how-tos, dom, events |
| Modularizing React Applications With Established UI Patterns (mfo) | | 190 |
| components, modules |
| A Historical Reference of React Criticism (zac) | | 189 |
| history |
| React Anti-Patterns and Best Practices—Dos and Don’ts | | 188 |
| anti-patterns, best-practices |
| Multi-Threaded React App Using useWorker | | 187 |
| multithreading, javascript, web-workers |
| 6 Approaches for Data Fetching in React | | 186 |
| data-fetching |
| Invoking React Components From Your Ember Apps | | 185 |
| emberjs, components |
| Using Local Storage in JavaScript and React | | 184 |
| javascript, browser-storage |
| Replace “Create React App” Recommendation With Vite | | 183 |
| discussions, vite |
| Intro to Wasp—Fullstack App | | 182 |
| videos, introductions, wasp, express |
| React, Vite, and TypeScript: Get Started in Under 2 Minutes | | 181 |
| introductions, vite, typescript |
| Set Up a React App With TypeScript in 5 Minutes | | 180 |
| vite, typescript |
| 2022 JavaScript Rising Stars | | 179 |
| javascript, frameworks, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives |
| Radix UI: An Unstyled UI Component Library for React | | 178 |
| libraries, components, radix |
| React JS Best Practices From the New Docs | | 177 |
| best-practices, javascript, jsx, aria |
| Theme Toggles | | 176 |
| websites, theming, toggles, html |
| React’s New Killer Documentation Focused Only on Functional Components | | 175 |
| documentation |
| Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) | | 174 |
| concurrency |
| Conditional Wrapping in React | | 173 |
|
| Improving React Interaction Times by 4× | | 172 |
| performance, optimization |
| A Love Letter to React (fly) | | 171 |
| jsx |
| React Concurrency, Explained | | 170 |
| slides, concurrency |
| How We Improved React Loading Times by 70% With Next.js | | 169 |
| performance, nextjs, case-studies |
| How to Set Up the New Google Auth in a React and Express App | | 168 |
| how-tos, google, authentication, express |
| Moving From React to htmx | | 167 |
| migrating, htmx |
| A Little Semantic HTML Trick for React Components | | 166 |
| html, semantics, components, tips-and-tricks |
| The Future of Rendering in React | | 165 |
| client-side-rendering, server-side-rendering |
| The New Wave of JavaScript Web Frameworks | | 164 |
| javascript, frameworks, vuejs, svelte, solidjs |
| React I Love You, but You’re Bringing Me Down | | 163 |
|
| PureComponents vs. Functional Components With Hooks (ade) | | 162 |
| components, hooks, comparisons |
| A Guide to Choosing the Right React State Management Solution (log) | | 161 |
| guides, state-management |
| Me and React: 5 Years in 15 Minutes | | 160 |
|
| Understanding “useMemo” and “useCallback” (jos) | | 159 |
| hooks |
| React Query vs. SWR | | 158 |
| videos, data-fetching, comparisons |
| React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade) | | 157 |
| guides, client-side-rendering |
| Why React Re-Renders (jos) | | 156 |
| client-side-rendering |
| Building Accessible Select Components in React | | 155 |
| components, forms, accessibility |
| (Re-)Introducing Gatsby, a Reactive Site Generator | | 154 |
| gatsby, performance, reactivity, site-generators, introductions |
| Stream Videos With WebRTC API and React (cod) | | 153 |
| webrtc, apis, multimedia |
| 5 Good Practices to Scale Your React Projects Easily | | 152 |
| scalability, best-practices |
| 500 ms to 1.7 ms in React: A Journey and a Checklist | | 151 |
| performance |
| Clean Architecture: Applying With React | | 150 |
| architecture |
