Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected. Hide

Frontend Dogma

“react” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: libraries, frameworks · Subtopics: gatsby, jsx, nextjs, react-router, remix, zustand (non-exhaustive) · “react” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Weaponizing and Defending the React Flight Protocol: Deserialization Sinks in RSCs (sma)497
components, security
Testing React Server Components: Vitest Patterns for Async Boundaries and Mock Strategies496
components, testing, vitest
Handling Concurrency on the Web With Web Locks API495
concurrency, apis
The Framework Wars Are Over: Why No One Dethroned React (ken)494
videos, frameworks
React’s Architectural Accessibility Gaps493
accessibility, wcag, html
Different Hydration and Rendering Strategies (nec)492
strategies, hydration, rendering, static-site-generation, incremental-static-regeneration, client-side-rendering, server-side-rendering, streaming, components, tanstack, reactivity, comparisons
React Server Components in TanStack (ada/fro)491
components, tanstack
The Modern React Stack Explained for 2026 (jsd)490
tech-stacks, comparisons, nextjs, tanstack, remix, vite, tooling
From React to Native Web With nanotags: A Migration That Saved 100 KB (tra/evi)489
migrating, web-components, libraries
There Are Only Four Sensible Ways to Build a Website (jon)488
concepts, web-apps, ecommerce, static-site-generation, content-management, shopify, wordpress, drupal, typo3
Under the Hood of MDN’s New Frontend (leo/mdn)487
mdn, web-components
You Probably Don’t Need to Lift State486
state-management
DeepSeek API Integration With React and Next.js485
nextjs, deepseek, ai, apis
React SSR Framework Showdown: TanStack Start, React Router, and Next.js Under Load (mco/pla)484
frameworks, server-side-rendering, tanstack, react-router, nextjs, comparisons, performance, metrics
Two React Design Choices Developers Don’t Like—but Can’t Avoid (rya)483
solidjs, asynchronicity
Building Dynamic Forms in React and Next.js (sma)482
forms, nextjs, javascript
How We Rewrote 130K Lines From React to Svelte in Two Weeks481
migrating, svelte
Why React 19’s Compiler Changes Everything for Senior Devs480
compiling
The React Foundation: A New Home for React Hosted by the Linux Foundation (mat/rea)479
facebook+meta, linux-foundation
Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study478
memory, vuejs, angular, studies
State of React 2025 [Results] (sac/dev)477
surveys, metrics
Virtual Scrolling for Billions of Rows—Techniques From HighTable (sev)476
html, tables, scrolling, performance
Radix UI vs. Base UI (sha)475
libraries, radix, comparisons
Building Bulletproof React Components474
components
React’s “ViewTransition” Element (chr/fro)473
view-transitions
A Security Checklist for Your React and Next.js Apps472
security, nextjs
Mitigating Denial-of-Service Vulnerability From Unrecoverable Stack Space Exhaustion for React, Next.js, and APM Users (mco+/nod)471
nodejs, security, vulnerabilities, nextjs, tooling, monitoring, performance
How to Steal Any React Component470
components
Modern Emails Using React469
videos, email
Profiling With React Performance Tracks468
videos, profiling, performance
Exploring React Performance (en-)467
videos, performance
Async React466
videos, asynchronicity
2025 JavaScript Rising Stars465
javascript, frameworks, libraries, vuejs, tooling, ai, mobile, desktop, state-management, css-in-js, testing, static-site-generation, graphql, retrospectives
I Built an App in Every Frontend Framework464
frameworks, libraries, vuejs, svelte, angular, lit, marko, jquery, alpinejs, solidjs, astro, qwik, comparisons
Trends That Defined JavaScript in 2025463
javascript, trends, retrospectives, frameworks, tooling, ai
Intro to Performance of React Server Components (ade/per)462
introductions, performance, components, server-side-rendering
Denial of Service and Source Code Exposure in React Server Components (rea)461
components, security
React 19.2: Further Advances INP Optimization (per)460
web-vitals, performance, optimization
Critical Security Vulnerability in React Server Components (rea)459
components, security
React Has Changed, Your Hooks Should Too458
hooks
Why Use React? (ada)457
frameworks
Ripple Over React? Evaluating the Newest JS Framework (log)456
ripple, frameworks, comparisons
State of React 2025 (sac/dev)455
surveys
Automated Accessibility Testing for React—Tools and Best Practices You Can Use454
accessibility, testing, tooling, best-practices
Is Server-Side Rendering React’s Holy Grail?453
server-side-rendering
When Everyone’s a Developer, How Do We Promote the Web Platform Over React? (ric)452
web-platform, ai, link-lists
Learn React Server Components (jad)451
videos, tutorials, components
React and Remix Choose Different Futures450
remix, simplicity, complexity, comparisons
React vs. Backbone in 2025449
backbone, comparisons, frameworks
Is It Time to Regulate React? (dbu)448
How to Fix Any Bug (dan)447
how-tos, ai, debugging
One Year With Next.js App Router—Why We’re Moving On446
nextjs, routing, components, tooling
Dead Framework Theory (pau)445
frameworks, metrics
Tailwind CSS in React and Next.js: A Complete Setup Guide444
guides, tailwind, nextjs
Beyond Signals, by Ryan Carniato (rya/jet)443
videos, signals, reactivity, solidjs
Introducing the React Foundation (set+/rea)442
introductions
Lazy-Loading as a Security Measure441
security, lazy-loading, angular
Stop Ignoring the Browser: The Biggest Frontend Shift in a Decade440
browsers, web-platform, frameworks, angular
Why Next.js Falls Short on Software Engineering439
nextjs, complexity
React Won by Default—and It’s Killing Frontend Innovation (che)438
svelte, solidjs, qwik, frameworks, checklists
We Fired Our React Stack—and Our Velocity Doubled437
tech-stacks, solidjs, comparisons, productivity
I’ve Tried Solid.js, Now I’m Starting to Hate React (ale)436
solidjs, jsx, apis, web-components
Using the Node 18+ Native Test Runner With TypeScript and React435
nodejs, testing, typescript
How Senior Frontend Developers Think About React Architecture434
components, architecture
React 19 Broke Update Stability, Keeping Half of Developers Stuck433
angular, vuejs, comparisons, maintenance
React Mock Interview: Kent C. Dodds, Jack Herrington, and Roadside Coder Solve React Coding Question (ken+/shr)432
videos, interviews, interviewing
Reflections on the React Community (lee)431
nextjs, vercel, community
Framework Benchmarks (lis)430
websites, frameworks, metrics, angular, svelte, preact, solidjs, qwik, vuejs, jquery, alpinejs, lit, comparisons
The Useless “useCallback” (tkd)429
callbacks, memoization
Introducing Zustand (State Management) (ada/fro)428
introductions, state-management, zustand
React Router and React Server Components: The Path Forward (mar/rem)427
react-router, components, outlooks
The History of React Through Code (cru/pla)426
history, examples
30 Years of JavaScript: 10 Milestones That Changed the Web425
javascript, anniversaries, history, ecmascript, ajax, jquery, web-2.0, nodejs, npm, typescript, webassembly
What Every React Developer Should Know About Signals (rya)424
videos, signals, history
Next.js 15 for Beginners—Your First Step Into the World of Full-Stack React423
introductions, nextjs
8 Reasons Your Next.js App Is Slow—and How to Fix Them (log)422
how-tos, nextjs, performance
How Imports Work in RSC (dan)421
components, modules, javascript
Your React Meta-Framework Feels Broken, Here’s Why (red)420
frameworks, nextjs, react-router, comparisons
Introduction to JavaScript Frameworks (rya)419
introductions, videos, javascript, frameworks, angular, vuejs, svelte, solidjs
Just Fucking Use React (ome+)418
websites
React Router RSC Preview (rem)417
react-router, components
Dependency Inversion in React: Building Truly Testable Components416
components, testing
Towards React Server Components in Clojure (rom)415
clojure, components
The Growing Divide Among React Developers… (fir)414
videos, components, nextjs, vercel
Robust Data Fetching Architecture for Complex React/Next.js Apps (tre)413
nextjs, hooks, data-fetching, architecture
React Compiler Explained in 3 Minutes (Goodbye, Re-Renders) (bet)412
videos, compiling
React Internals: Which “useEffect” Runs First? (fro)411
hooks
Impossible Components (dan)410
components, state-management
Advanced React in the Wild (add)409
nextjs, performance, case-studies
7 React Patterns That Made Me a Better Front-End Developer408
hooks, props, software-design-patterns
React Reconciliation: The Hidden Engine Behind Your Components407
dom, components
React Server Confusion (ano)406
components, vite, fastify
React 19’s New Hooks: With Practical Examples (let)405
hooks, javascript, examples
React Email 4.0404
email, tooling
React Query API Design: Lessons Learned (tkd)403
videos, lessons, apis, state-management, data-fetching, tanstack
Stop Chasing New JavaScript Frameworks: Build With Fundamentals Instead402
fundamentals, javascript, frameworks, vuejs, angular, svelte, solidjs
SSR Deep Dive for React Developers401
deep-dives, server-side-rendering, javascript
Is React Accessible? That’s the Wrong Question400
accessibility, jsx, semantics, html
Why the Latest JavaScript Frameworks Are a Waste of Time399
frameworks, javascript, angular
Retrieval-Augmented Generation With Node.js, Podman AI Lab, and React398
rag, ai, nodejs, podman
7 Best Practices of File Upload With JavaScript and React397
file-handling, javascript, best-practices
Leverage on Redux to Execute Your Tests 100× Times Faster396
redux, testing, performance, examples
JavaScript Fatigue Strikes Back (all)395
javascript, frameworks, libraries, tooling
React Libraries for 2025 (rwi)394
libraries, tooling, link-lists
Sunsetting “Create React App” (mat+/rea)393
State of React 2024 [Results] (sac+/dev)392
surveys, metrics
How to Start a React Project (rwi)391
how-tos
“Create React App” Officially Deprecated Amid React 19 Compatibility Issues (sar/soc)390
vite, migrating, single-page-apps, deprecation
An Intro to React Compiler (nik)389
introductions, compiling
Introducing Fusion: Write PHP Inside Vue and React Components (eri/lar)388
introductions, tooling, php, vuejs, components
React Is Just “document.createElement()” With Good Marketing, and I Can Prove It387
typescript, tailwind
React.js vs. Next.js (bhu)386
nextjs, comparisons, performance
State Management: Simplified for Front-End Developers385
state-management, flutter, vuejs, best-practices
Initial Load Performance for React Developers: Investigative Deep Dive (ade)384
deep-dives, performance, web-vitals, metrics
Moving on From React, a Year Later (kel)383
migrating, stimulus, performance
From React to Next.js: When and Why to Make the Switch382
migrating, nextjs
Revealed: React’s Experimental Animations API (cit)381
animations, transitions, apis
2024 JavaScript Rising Stars380
javascript, frameworks, libraries, vuejs, tooling, mobile, desktop, state-management, ai, css-in-js, testing, graphql, retrospectives
Top React Best Practices in 2025379
best-practices
Tech Stack 2025378
tech-stacks, remix, astro, zustand, tailwind, prisma, playwright, cloudflare
You Don’t Need Next.js377
migrating, nextjs, metrics
Create Stunning Dashboards With ReactJS: Step-By-Step Guide376
guides, visualization
React 19 and Web Component Examples (chr/fro)375
web-components, examples
Full Stack GraphQL React Tutorial—Learn Apollo Client / Apollo Server for Beginners (ped)374
videos, tutorials, graphql
React v19 (rea)373
release-notes
How React Compiler Performs on Real Code (ade)372
compiling, rendering, memoization
How Does the React Compiler Perform on Real Code (ade/per)371
compiling, rendering, memoization, performance
React vs. Angular: Which Framework Should We Choose in 2024 and 2025? (bhu)370
frameworks, angular, comparisons
If Not React, Then What? (sli)369
frameworks, client-side-rendering, user-experience, performance
I Don’t Have Time to Learn React (kei)368
career, craft, prioritization
React.js Best Practices for Beginners: A Comprehensive Guide367
guides, best-practices, components, state-management, hooks, debugging
Static Site Generation With Next.js: Using Next.js for React.js Applications366
static-site-generation, site-generators, nextjs
How to Optimize React Performance: Best Practices and Techniques365
how-tos, performance, optimization, best-practices, techniques
HTML Form Validation Is Heavily Underused364
html, forms, validation
State of React 2024 (sac+/dev)363
surveys
Introduction to Zustand: A Lightweight State Management for React362
introductions, zustand, state-management
JS Frameworks, in Their Own Words (by Word Cloud) (j9t)361
frameworks, javascript, vuejs, angular, svelte, express, meteor, nextjs, comparisons
How Microsoft Edge Is Replacing React With Web Components360
edge, microsoft, browsers, web-components
Liskov’s Gun: The Parallel Evolution of React and Web Components (bal)359
web-components, comparisons
React on the Server Is Not PHP358
servers, php
Building a Dynamic Background Effect357
css, backgrounds, animations, effects
Stop Using “React.Fragment”356
Introducing TanStack Router (ada/fro)355
introductions, routing, tanstack
React 19 Cheat Sheet (ken)354
cheat-sheets
Create a Toggle Switch in React as a Reusable Component353
components, toggles, sass, maintainability, functionality
Frontend Dev Plus Data Structures and Algorithms: How DSA Can Power Your React App352
data-structures, algorithms
What’s New in React 19351
vercel
What Is React.js? (hey)350
videos
An SSR Performance Showdown (mco)349
server-side-rendering, performance, vuejs, svelte, solidjs, preact, comparisons
Faster Pages With React348
performance
How to Use React Compiler—a Complete Guide (fre)347
how-tos, guides, compiling
Interface Segregation Principle in React346
principles, solid
React Is (Becoming) a Full-Stack Framework (rwi)345
frameworks
Tips for Using React Testing Library to Write Unit Tests (ato)344
testing, libraries, tips-and-tricks
101 React Tips and Tricks for Beginners [and] Experts343
tips-and-tricks, best-practices
Frontend Security Checklist (tre)342
security, checklists
Why the jQuery Creator Uses React and TypeScript (jer+/syn)341
podcasts, interviews, jquery, typescript
And Now You Understand React Server Components (ken)340
videos, components
Cross Platform React339
videos, native, outlooks
Let’s Break React’s Rules338
videos, hooks
React for Two Computers (dan)337
videos
Vanilla React336
videos, routing
State of React 2023 [Results] (sac/dev)335
surveys, metrics
From Web to Native With React334
migrating
Sneaky React Memory Leaks: How the React Compiler Won’t Save You333
memory, compiling
Comprehensive React.js Cheatsheet for Developers332
cheat-sheets
Understanding React Hooks331
hooks
Enhancing The New York Times Web Performance With React 18330
performance, case-studies
Understanding React Compiler329
compiling
How React 19 (Almost) Made the Internet Slower (cod)328
performance
React Compiler—What, Why, and How? (fro)327
compiling, memoization, nextjs
Write SOLID React Hooks326
hooks, principles, solid
Want Out of React Complexity? Try Vue’s Progressive Framework325
vuejs, frameworks, comparisons
React Compiler (rea)324
compiling
Build Your Own React.js in 400 Lines of Code323
jsx, principles
The War Begins: Top Best JavaScript Framework to Learn in 2024322
frameworks, comparisons, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
Demystifying React’s Types: Ref Types321
A React Developer’s Guide to Learning Solid.js320
guides, solidjs, comparisons
The First Framework That Lets You Visualize Your React/Node.js App319
frameworks, visualization, nodejs, wasp
Optimising React Apps318
optimization
How to Submit a Form in React Using FormData (wom)317
how-tos, forms
CSS in React Server Components (jos)316
css, javascript, components, css-in-js
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution315
history
React Server Components in a Nutshell314
components
Things That I Like Better in Vue Than in React313
vuejs, frameworks, comparisons
Creating a Navbar in React312
navigation, css
This Pattern Will Wreck Your React App’s TS Performance (mat)311
design-patterns, typescript, performance
Folder Structures in React Projects310
architecture
Every React Concept Explained in 12 Minutes309
videos, concepts
Quick Tip: Creating a Date Picker in React308
tips-and-tricks, functionality
The Ultimate Guide to Choosing the Best React Website Builder307
guides, tooling, comparisons, link-lists
Understanding Cookies and Sessions in React306
authentication, cookies
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization305
hooks, signals
htmx vs. React: A Complete Comparison304
htmx, comparisons
10 Best “Create React App” Alternatives for Different Use Cases303
frameworks, tech-stacks, comparisons, link-lists
Control Lazy Load, Infinite Scroll, and Animations in React302
lazy-loading, scrolling, animations, javascript
Understanding React “useEffect”301
hooks
JavaScript on Demand: How Qwik Differs From React Hydration300
javascript, qwik, hydration, comparisons
React Labs: What We’ve Been Working On—February 2024 (rea)299
React, Solid, htmx298
solidjs, htmx, comparisons
Remix Takes on Next.js in Battle of the React Frameworks297
frameworks, remix, nextjs
The Most Demanded Frontend Frameworks in 2023296
frameworks, comparisons, angular, vuejs
13 Best Books, Courses, and Communities for Learning React295
books, courses, link-lists
Implementing User Authentication in React Apps With Appwrite294
authentication, tooling
Take a Qwik Break From React With Astro293
qwik, astro, frameworks, comparisons
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience292
data-fetching, code-splitting, components, techniques
Moving on From React (kel)291
migrating, stimulus
React Libraries for 2024 (rwi)290
libraries, link-lists
Kind of Annoyed at React (cas)289
htmx for React Developers in 10 Minutes288
videos, htmx
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)287
javascript, simplicity
The Two Reacts (dan)286
components, state-management
2024 Predictions by JavaScript Frontend Framework Maintainers285
outlooks, javascript, frameworks, angular, nextjs, solidjs
The Best React Chart Libraries for Data Visualization in 2024284
libraries, visualization, comparisons, link-lists
React Is Slow, What to Do Now?283
performance
React Server Components: The Good, the Bad, and the Ugly (may)282
components
Server and Client Component—Next.js (fro)281
nextjs, components
React Props Explained With Examples280
props, examples
Zustand—Complete Tutorial (cos)279
videos, tutorials, zustand, state-management, libraries
6 Techniques for Conditional Rendering in React, With Examples278
techniques
React Performance Optimization277
performance, optimization
Scale Your React App With Storybook and Chromatic276
scalability, storybook
The Pros and Cons of Using React Today275
frameworks
Top 10 Most Popular JavaScript Frameworks to Choose in 2024274
javascript, frameworks, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Why Svelte?273
svelte, frameworks
Using Selectlist in React (kil/pol)272
forms
Concurrency in React 18 for Busy Bees (ole)271
concurrency
Headless Component: A Pattern for Composing React UIs (mfo)270
components, headless
React Router v6: A Beginner’s Guide269
guides, routing, react-router
How to Build a Server-Side React App Using Vite and Express268
how-tos, vite, express, server-side-rendering
Understanding React Error Boundary267
Performance in React and Next.js266
videos, performance, nextjs
Why Signals Are Better Than React Hooks265
videos, javascript, signals, hooks, comparisons
Guide to React Suspense and “use” Hook for Busy Bees (ole)264
guides, hooks, promises, data-fetching
An Introduction to Working With SVGs in React263
introductions, images, svg
State of React 2023 (sac/dev)262
surveys
React Design Patterns261
software-design-patterns
44 React Frontend Interview Questions260
interviewing
React Micro-Frontends Using Vite259
micro-frontends, vite
Sharing State With Islands Architecture (max)258
architecture, state-management, examples, astro
Why Not React?257
v0.dev256
websites, components, tooling, ai, tailwind
Building a Real-Time Chat With WebSockets, Novel, and Clerk255
communication, vite, nodejs, express, websockets
Making Sense of React Server Components (jos)254
components
A Wide View of Automated Testing in React Apps253
testing, automation
Six Reasons Not to Use React252
videos
Code Splitting in React: Optimize Performance by Splitting Your Code251
code-splitting, performance, optimization
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 2024250
videos, hooks, mistakes
React JSX249
jsx
React Props: A Visual Guide248
guides, props
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications247
code-splitting, webpack, redux
JSX Without React (chr)246
jsx
Route-Based Code Splitting With React245
code-splitting, routing
Things You Forgot (or Never Knew) Because of React (col)244
frameworks, learning
Understanding React Server Components243
components
Upgrading an Ancient React Application242
maintenance
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use241
accessibility, forms, testing
How to Prevent Unnecessary React Component Re-Rendering240
how-tos, client-side-rendering, performance
React Design Patterns239
software-design-patterns
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS238
caching, fingerprinting
Introduction to JSX237
introductions, jsx
React Developers Love Preact, Here’s Why (hac)236
preact, comparisons
What’s Next for Redux With Mark Erikson (ace)235
videos, interviews, redux, state-management
Live Regions in React234
aria, live-regions, accessibility
Create React UI Lib: Component Library Speedrun233
typescript, components, npm
Best Animation Libraries for React232
libraries, animations, link-lists
RSC From Scratch: Server Components231
videos, components
Is React Having An AngularJS Moment? (fra/mar)230
angularjs
Crafting a Modern Spotlight Effect With React and CSS229
css, effects
I’m Done With React228
videos
React Testing Library and Accessibility (ste)227
testing, libraries, accessibility, automation
Load Websites Faster With Code Splitting226
performance, code-splitting
The Interactive Guide to Rendering in React225
guides, client-side-rendering
Goodbye “create-react-app”: A New Approach224
How to Write Comments in React: The Good, the Bad, and the Ugly223
how-tos, comments
React, Visualized222
introductions, visualization
Building Pagination in React With React Paginate221
navigation, pagination
The Real Difference Between “useMemo” and “Memo” in React220
hooks, performance, examples
Copy to Clipboard in JavaScript and React219
javascript
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps218
guides, accessibility, testing, automation, ci-cd
Framework Popularity on Netlify (sel)217
frameworks, nextjs, gatsby, hugo, zola, comparisons
Senior Engineering Strategies for Advanced React and TypeScript (tec)216
strategies, typescript, architecture, testing, performance, accessibility, security, maintenance
What Is Strict Mode in React?215
How to Start a React Project in 2023 (rwi)214
how-tos
How to Stop a React Component From Rendering (ami)213
how-tos, components, client-side-rendering
Everything You Need to Know About the Updated React Docs212
documentation
The Problem With React211
Internationalization in Next.js 13 With React Server Components (sma)210
internationalization, nextjs, components
Vue vs. React: Everything You Need to Know209
vuejs, comparisons
Static Site Generators: What’s Trending Right Now (sta)208
static-site-generation, site-generators, trends, gatsby, nuxt, astro, eleventy, comparisons
Client-Side JavaScript and React Criticism: What Comes Next? (mol)207
javascript, accessibility, performance, resilience, progressive-enhancement
React vs. Signals: 10 Years Later (rya/thi)206
signals, javascript, comparisons, retrospectives
Dithering Images With React/JavaScript205
images, dithering, javascript
7 Essential React Libraries for Front-End Web Development204
libraries, link-lists
Understanding the Difference Between Props and State in React203
props, state-management, comparisons
React Libraries for 2023 (rwi)202
libraries, link-lists
How to Use WebSockets in a Redux Application201
how-tos, websockets, redux
What to Expect From Vue in 2023 and How It Differs From React200
vuejs, comparisons
Technical SEO Basics for React Developers199
fundamentals, seo
React.js: The Documentary198
videos, history
How to Add an Event Handler in React197
how-tos, dom, events
Modularizing React Applications With Established UI Patterns (mfo)196
components, modules
A Historical Reference of React Criticism (zac)195
history
React Anti-Patterns and Best Practices—Dos and Don’ts194
anti-patterns, best-practices
Multi-Threaded React App Using useWorker193
multithreading, javascript, web-workers
6 Approaches for Data Fetching in React192
data-fetching
Invoking React Components From Your Ember Apps191
emberjs, components
Using Local Storage in JavaScript and React190
javascript, browser-storage
Replace “Create React App” Recommendation With Vite189
discussions, vite
Intro to Wasp—Fullstack App188
videos, introductions, wasp, express
React, Vite, and TypeScript: Get Started in Under 2 Minutes187
introductions, vite, typescript
Set Up a React App With TypeScript in 5 Minutes186
vite, typescript
2022 JavaScript Rising Stars185
javascript, frameworks, vuejs, building, testing, tooling, mobile, desktop, state-management, css-in-js, graphql, retrospectives
Radix UI: An Unstyled UI Component Library for React184
libraries, components, radix
React JS Best Practices From the New Docs183
best-practices, javascript, jsx, aria
Theme Toggles182
websites, theming, toggles, html
React’s New Killer Documentation Focused Only on Functional Components181
documentation
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (cod)180
concurrency
Conditional Wrapping in React179
Improving React Interaction Times by 4×178
performance, optimization
A Love Letter to React (fly)177
jsx
React Concurrency, Explained176
slides, concurrency
How We Improved React Loading Times by 70% With Next.js175
performance, nextjs, case-studies
How to Set Up the New Google Auth in a React and Express App174
how-tos, google, authentication, express
Moving From React to htmx (htm)173
migrating, htmx
A Little Semantic HTML Trick for React Components172
html, semantics, components, tips-and-tricks
The Future of Rendering in React (psu)171
client-side-rendering, server-side-rendering
The New Wave of JavaScript Web Frameworks170
javascript, frameworks, vuejs, svelte, solidjs
React I Love You, but You’re Bringing Me Down (fra/mar)169
PureComponents vs. Functional Components With Hooks (ade)168
components, hooks, comparisons
A Guide to Choosing the Right React State Management Solution (log)167
guides, state-management
Me and React: 5 Years in 15 Minutes166
Understanding “useMemo” and “useCallback” (jos)165
hooks
React Query vs. SWR164
videos, data-fetching, comparisons
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)163
guides, client-side-rendering
Why React Re-Renders (jos)162
client-side-rendering
Building Accessible Select Components in React161
components, forms, accessibility
(Re-)Introducing Gatsby, a Reactive Site Generator160
gatsby, performance, reactivity, site-generators, introductions
Stream Videos With WebRTC API and React (cod)159
webrtc, apis, multimedia
5 Good Practices to Scale Your React Projects Easily158
scalability, best-practices
500 ms to 1.7 ms in React: A Journey and a Checklist157
performance
Clean Architecture: Applying With React156
architecture
Creating an App Using Drag and Drop With React Without Libraries155
drag-and-drop
7 Tips for Clean React TypeScript Code You Must Know154
typescript, tips-and-tricks
Applying SOLID Principles in React153
quality, maintainability, principles, solid
Guide to Trending Front-End Frameworks in 2022 (uxm)152
guides, frameworks, jquery, express, angular, vuejs
The New Wave of React State Management151
state-management, comparisons
Missing Introduction to React150
introductions
Different Ways to Write CSS in React (css)149
css
Notes on Maintaining an Internal React Component Library148
maintenance, components, libraries
Building Interoperable Web Components That Even Work With React (ada/css)147
web-components, interoperability
React Accessibility Resources (bru)146
accessibility, link-lists
React Hooks Best Practices in 2022145
hooks
The Complete Modern React Developer 2022144
Under the Hood: React vs. Vue vs. Svelte143
frameworks, vuejs, svelte, comparisons
Why I Don’t Miss React: A Story About Using the Platform142
What Is Memoization? How and When to Memoize in JavaScript and React (fre)141
memoization, javascript
Mastering CSS Transitions With React 18140
css, transitions
React 18—New Features and Improvement Strategies139
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking138
testing, redux
Component Party137
websites, components, frameworks, comparisons, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs, marko
How to Use Props in React (rwi)136
how-tos, props
React Best Practices and Patterns to Reduce Code135
optimization, best-practices
Higher-Order Components in React Hooks Era (ade)134
components, hooks
Solid.js Feels Like What I Always Wanted React to Be133
frameworks, solidjs
How I Structure My React Projects132
architecture
Screaming Architecture—Evolution of a React Folder Structure131
architecture
Deploying a React Application to Netlify130
deploying, web-apps, netlify
React State Management Libraries in 2022129
state-management, libraries
What Web Frameworks Solve: The Vanilla Alternative (nom/sma)128
frameworks, javascript
What Web Frameworks Solve and How to Do Without Them (nom/sma)127
frameworks, svelte
Frontend Challenges: Front-End Engineer Assignment126
javascript, typescript, training
Memory Leaks, How to Avoid Them in a React App125
how-tos, memory
Optimizing State Management in React Applications (per)124
state-management
Blog Page Accessibility Deep Dive123
accessibility, deep-dives
Useful React Hooks That You Can Use in Your Projects (sma)122
hooks
Easy Dark Mode (and Multiple Color Themes) in React (css)121
dark-mode, theming
How to Implement Memoization in React to Improve Performance120
how-tos, performance, memoization, optimization
Add a Contact Form to a React App With Netlify Forms119
netlify, forms, functionality
Best UI Frameworks for React.js118
frameworks
Introducing Svelte, and Comparing Svelte With React and Vue117
svelte, vuejs, comparisons, introductions
Faster React Apps With Memoization116
performance, memoization
A Practical Guide to Creating Reusable React Components115
guides, components, maintainability
Compound Components in React (sma)114
components
React JS—the Confusing Parts113
jsx
I Tried Angular as a React Developer: Here Are 6 Things I Like About It112
angular, comparisons
Building the Same App 5 Times111
comparisons, jquery, angular, vuejs, svelte
You Don’t Know “useEffect”110
hooks
React Children and Iteration Methods (sma)109
Using localStorage With React Hooks (log)108
browser-storage, hooks
Getting Started With React “useContext” Hook and React Context107
hooks, introductions
You Don’t Need React for Building Websites (cit)106
A Visual Guide to React Rendering—It Always Re-Renders105
guides
Freelance React Developer Checklist (rwi)104
checklists
Build a Website With React and Tailwind CSS103
tailwind
How We Built React Components for Any Front End102
components, case-studies
Accessibility in React101
accessibility
React Architecture: How to Structure and Organize a React Application100
how-tos, architecture
React Cheat Sheet (Updated June 2021)99
cheat-sheets
Vue.js vs. React—Not Your Usual Comparison98
frameworks, vuejs, comparisons
How to Build an Image Comparison Slider97
how-tos, sliders, images
Svelte for the Experienced React Dev (ada/css)96
svelte
Building a React Design System for Adoption and Scale95
design-systems
21 Best Practices for a Clean React Project94
best-practices, quality
The 5 Most Popular Front-End Frameworks Compared93
frameworks, comparisons, angular, vuejs, svelte, emberjs
React vs. Vue in 2021: Best JavaScript Framework92
frameworks, vuejs, comparisons
Comparing Svelte and React91
svelte, comparisons
How to Set Up VS Code for React Development90
how-tos, vs-code, microsoft, code-editors
2020 JavaScript Rising Stars89
javascript, frameworks, nodejs, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
How to Deal With Common React JS Problems—Actionable Tips88
how-tos, tips-and-tricks
The What, Why, and How of Using a Skeleton Loading Screen (tre)87
placeholders, performance
Authenticating React Apps With Auth0 (sma)86
authentication, tooling, auth0
The Top 13 Web Development Tools You Must Know About85
tooling, angularjs, foundation, mongodb, github, typescript, jquery, bootstrap, dev-tools, chrome, grunt, codepen, sublime-text, vs-code, link-lists
Getting Started With Next.js (sma)84
introductions, nextjs
Getting Started With React: A Beginner’s Guide83
introductions, guides, jsx
Unit Testing in React Native Applications (sma)82
native, testing
Drawing the Invisible: React Explained in Five Visual Metaphors81
videos
Animating React Components With GreenSock (sma)80
gsap, javascript, components, animations
React With TypeScript: Best Practices79
typescript, best-practices
Building React Apps With Storybook (sma)78
storybook
Mastering Props and PropTypes in React (sma)77
props
Vue vs. React in 2021: Which Framework to Choose and When76
frameworks, vuejs, comparisons
Updating React at Etsy75
case-studies, preact, frameworks
How to Use Styled Components in React (sma)74
how-tos, css-in-js, css, javascript
ReactJS: A Simple Custom Hook73
hooks
Methods of Improving and Optimizing Performance in React Apps (sma)72
performance, optimization
JavaScript to Know for React (ken)71
javascript
Most Popular JavaScript Frameworks in 202070
frameworks, javascript, angular, vuejs, nodejs, svelte, comparisons
A Practical Guide to Testing React Applications With Jest (sma)69
guides, testing, jest
A Lazy Dark Mode68
dark-mode
Higher-Order Components in React (sma)67
components
Firebase Config in a React App (ama)66
firebase, configuration
Building Reusable React Components Using Tailwind (sma)65
components, tailwind, maintainability
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior64
guides, client-side-rendering
In Defense of the Modern Web (ric)63
javascript, svelte
Styling Components in React (sma)62
components, css, sass, css-in-js, javascript
Maybe You Don’t Need That SPA61
single-page-apps, javascript, marko, performance
Second-Guessing the Modern Web (tmc)60
single-page-apps, code-splitting, server-side-rendering, apis, data-fetching
Working With MDX Custom Elements and Shortcodes (css)59
markdown, mdx, gatsby
Implementing Dark Mode in React Apps Using styled-components (sma)58
dark-mode, components, javascript
The Cost of JavaScript Frameworks (tka)57
javascript, frameworks, performance, metrics, jquery, vuejs, angular
Best Practices With React Hooks (sma)56
hooks, best-practices
Getting Started With the React Hooks API (sma)55
introductions, hooks, apis
React Folder Structure in 5 Steps (rwi)54
architecture
Creating Sortable Tables With React (sma)53
tables, sorting
The Perils of Rehydration (jos)52
hydration
Setting Up Tailwind CSS in a React Project (sma)51
tailwind
React Tutorial (jad)50
websites, courses, tutorials
An Introduction to React’s Context API (sma)49
introductions, apis
2019 JavaScript Rising Stars (sac)48
javascript, frameworks, nodejs, vuejs, angular, testing, compiling, building, tooling, mobile, css-in-js, graphql, retrospectives
Frontend Design, React, and a Bridge Over the Great Divide (bra)47
html, css, javascript, career
Getting to Know the “useReducer” React Hook (css)46
hooks, examples
How to Use Redux With React Hooks (tre)45
how-tos, redux, hooks
Using Cypress to Write Tests for a React Application (css)44
testing, cypress
Getting Started With React Testing Library (css)43
introductions, testing, libraries
Deploying a Client-Side Rendered “create-react-app” to Microsoft Azure (ade/css)42
client-side-rendering, deploying, azure, microsoft
Explore GraphQL With Apollo and React: Build a Superhero Database41
graphql, databases
Using Parcel as a Bundler for React Applications (css)40
bundling, parcel, webpack
The Circle of a React Lifecycle (css)39
Advanced Tooling for Web Components (css)38
web-components, angular, vuejs, tooling
Accessibility Is Not a “React Problem” (chr/css)37
accessibility
A Complete Guide to “useEffect” (dan)36
guides, hooks, components
What Hooks Mean for Vue (sar/css)35
vuejs, hooks
2018 JavaScript Rising Stars (sac)34
javascript, frameworks, nodejs, vuejs, angular, mobile, compiling, building, testing, tooling, code-editors, css-in-js, graphql, retrospectives
Static vs. Server Rendering33
rendering, performance, comparisons
An Overview of Render Props in React (css)32
overviews, props, examples
useHooks (gra)31
websites, hooks
Component Reusability in React and Vue30
vuejs, components, maintainability
Understanding React “setState” (css)29
An Introduction to Drupal for React Developers (sia)28
introductions, drupal
What Are Higher-Order Components in React? (css)27
components
React Code Style Guide (css)26
style-guides, props, formatting
React’s Accessibility Code Linter (24a)25
linting, eslint, tooling, accessibility
Getting Started With Redux24
introductions, redux, state-management
A Guide to Testing React Components23
guides, components, testing
What’s New in React 16?22
Intro to Firebase and React (css)21
introductions, firebase
All About React Router 4 (bra/css)20
react-router, routing, examples
Why Choose Vue.js (ano)19
vuejs, comparisons
Server-Side React Rendering (css)18
server-side-rendering
Explorations in the Virtual DOM: How React.js Impacts Accessibility (mar)17
slides, accessibility, dom
2016 JavaScript Rising Stars (sac)16
javascript, frameworks, nodejs, mobile, compiling, building, testing, tooling, code-editors, retrospectives
React Internationalization How-To (sma)15
how-tos, internationalization
CSS Modules and React (fon/css)14
css, modules, javascript
A Comparison of Animation Technologies (sar/css)13
animations, comparisons, css, canvas, smil, webgl, gsap, jquery, threejs
Leveling Up With React: Redux (bra/css)12
redux, state-management
Leveling Up With React: React Router (bra/css)11
routing, react-router
Intro to ReactJS10
introductions
React Server Side Rendering With Node and Express (sma)9
server-side-rendering, nodejs, express
Getting Started With React: Building a “Hello World” Demo8
introductions, frameworks
The Sad State of Web Development7
nodejs, babel, postcss, single-page-apps
Generating SVG With React (sma)6
svg, javascript
React + Performance = ? (aer)5
performance, metrics
Two Weird Tricks That Fix React (dan)4
tips-and-tricks
Demystifying React Components State3
components, state-management
React: Rethinking Best Practices (jsc)2
videos, best-practices
UI Events Viewer (db)1
tools, exploration, auditing, debugging, dom, events