| React Query vs. SWR | | 163 |
| videos, data-fetching, comparisons |
| React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade) | | 162 |
| guides, client-side-rendering |
| Why React Re-Renders (jos) | | 161 |
| client-side-rendering |
| Building Accessible Select Components in React | | 160 |
| components, forms, accessibility |
| (Re-)Introducing Gatsby, a Reactive Site Generator | | 159 |
| gatsby, performance, reactivity, site-generators, introductions |
| Stream Videos With WebRTC API and React (cod) | | 158 |
| webrtc, apis, multimedia |
| 5 Good Practices to Scale Your React Projects Easily | | 157 |
| scalability, best-practices |
| 500 ms to 1.7 ms in React: A Journey and a Checklist | | 156 |
| performance |
| Clean Architecture: Applying With React | | 155 |
| architecture |
| Creating an App Using Drag and Drop With React Without Libraries | | 154 |
|
| 7 Tips for Clean React TypeScript Code You Must Know | | 153 |
| typescript, tips-and-tricks |
| Applying SOLID Principles in React | | 152 |
| quality, maintainability, principles, solid |
| Guide to Trending Front-End Frameworks in 2022 (uxm) | | 151 |
| guides, frameworks, jquery, express, angular, vuejs |
| The New Wave of React State Management | | 150 |
| state-management, comparisons |
| Missing Introduction to React | | 149 |
| introductions |
| Different Ways to Write CSS in React (css) | | 148 |
| css |
| Notes on Maintaining an Internal React Component Library | | 147 |
| maintenance, components, libraries |
| Building Interoperable Web Components That Even Work With React (ada/css) | | 146 |
| web-components, interoperability |
| React Hooks Best Practices in 2022 | | 145 |
| hooks |
| React Accessibility Resources (bru) | | 144 |
| accessibility, link-lists |
| The Complete Modern React Developer 2022 | | 143 |
|
| Under the Hood: React vs. Vue vs. Svelte | | 142 |
| frameworks, vuejs, svelte, comparisons |
| Why I Don’t Miss React: A Story About Using the Platform | | 141 |
|
| What Is Memoization? How and When to Memoize in JavaScript and React (fre) | | 140 |
| memoization, javascript |
| Mastering CSS Transitions With React 18 | | 139 |
| css, transitions |
| React 18—New Features and Improvement Strategies | | 138 |
|
| Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking | | 137 |
| testing, redux |
| Component Party | | 136 |
| websites, components, frameworks, comparisons, svelte, qwik, vuejs, angular, lit, emberjs, solidjs, alpinejs |
| How to Use Props in React (rwi) | | 135 |
| how-tos, props |
| React Best Practices and Patterns to Reduce Code | | 134 |
| optimization, best-practices |
| Solid.js Feels Like What I Always Wanted React to Be | | 133 |
| frameworks, solidjs |
| Higher-Order Components in React Hooks Era (ade) | | 132 |
| components, hooks |
| Screaming Architecture—Evolution of a React Folder Structure | | 131 |
| architecture |
| How I Structure My React Projects | | 130 |
| architecture |
| Deploying a React Application to Netlify | | 129 |
| deploying, web-apps, netlify |
| React State Management Libraries in 2022 | | 128 |
| state-management, libraries |
| What Web Frameworks Solve: The Vanilla Alternative (nom/sma) | | 127 |
| frameworks, javascript |
| What Web Frameworks Solve and How to Do Without Them (nom/sma) | | 126 |
| frameworks, svelte |
| Frontend Challenges: Front-End Engineer Assignment | | 125 |
| javascript, typescript, training |
| Memory Leaks, How to Avoid Them in a React App | | 124 |
| how-tos, memory |
| Optimizing State Management in React Applications | | 123 |
| state-management |
| Blog Page Accessibility Deep Dive | | 122 |
| accessibility, deep-dives |
| Useful React Hooks That You Can Use in Your Projects (sma) | | 121 |
| hooks |
| Easy Dark Mode (and Multiple Color Themes) in React (css) | | 120 |
| dark-mode, theming |
| How to Implement Memoization in React to Improve Performance | | 119 |
| how-tos, performance, memoization, optimization |
| Add a Contact Form to a React App With Netlify Forms | | 118 |
| netlify, forms, functionality |
| Best UI Frameworks for React.js | | 117 |
| frameworks |
| Introducing Svelte, and Comparing Svelte With React and Vue | | 116 |
| svelte, vuejs, comparisons, introductions |
| Faster React Apps With Memoization | | 115 |
| performance, memoization |
| A Practical Guide to Creating Reusable React Components | | 114 |
| guides, components, maintainability |
| Compound Components in React (sma) | | 113 |
| components |
| React JS—the Confusing Parts | | 112 |
| jsx |
| I Tried Angular as a React Developer: Here Are 6 Things I Like About It | | 111 |
| angular, comparisons |
| Building the Same App 5 Times | | 110 |
| comparisons, jquery, angular, vuejs, svelte |
| You Don’t Know “useEffect” | | 109 |
| hooks |
| React Children and Iteration Methods (sma) | | 108 |
|
| Using localStorage With React Hooks (log) | | 107 |
| browser-storage, hooks |
| Getting Started With React “useContext” Hook and React Context | | 106 |
| hooks, introductions |
| You Don’t Need React for Building Websites (cit) | | 105 |
|
| A Visual Guide to React Rendering—It Always Re-Renders | | 104 |
| guides |
| Freelance React Developer Checklist (rwi) | | 103 |
| checklists |
| Build a Website With React and Tailwind CSS | | 102 |
| tailwind |
| How We Built React Components for Any Front End | | 101 |
| components, case-studies |
| Accessibility in React | | 100 |
| accessibility |
| React Architecture: How to Structure and Organize a React Application | | 99 |
| how-tos, architecture |
| React Cheat Sheet (Updated June 2021) | | 98 |
| cheat-sheets |
| Vue.js vs. React—Not Your Usual Comparison | | 97 |
| frameworks, vuejs, comparisons |
| How to Build an Image Comparison Slider | | 96 |
| how-tos, sliders, images |
| Svelte for the Experienced React Dev (ada/css) | | 95 |
| svelte |
| Building a React Design System for Adoption and Scale | | 94 |
| design-systems |
| 21 Best Practices for a Clean React Project | | 93 |
| best-practices, quality |
| The 5 Most Popular Front-End Frameworks Compared | | 92 |
| frameworks, comparisons, angular, vuejs, svelte, emberjs |
| React vs. Vue in 2021: Best JavaScript Framework | | 91 |
| frameworks, vuejs, comparisons |
| Comparing Svelte and React | | 90 |
| svelte, comparisons |
| How to Set Up VS Code for React Development | | 89 |
| how-tos, vs-code, microsoft, code-editors |
| 2020 JavaScript Rising Stars | | 88 |
| 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 Tips | | 87 |
| how-tos, tips-and-tricks |
| The What, Why, and How of Using a Skeleton Loading Screen (tre) | | 86 |
| performance |
| Authenticating React Apps With Auth0 (sma) | | 85 |
| authentication, tooling, auth0 |
| Getting Started With Next.js (sma) | | 84 |
| introductions, nextjs |
| Getting Started With React: A Beginner’s Guide | | 83 |
| introductions, guides, jsx |
| Unit Testing in React Native Applications (sma) | | 82 |
| native, testing |
| Drawing the Invisible: React Explained in Five Visual Metaphors | | 81 |
| videos |
| Animating React Components With GreenSock (sma) | | 80 |
| gsap, javascript, components, animations |
| React With TypeScript: Best Practices | | 79 |
| 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 When | | 76 |
| frameworks, vuejs, comparisons |
| Updating React at Etsy | | 75 |
| case-studies, preact, frameworks |
| How to Use Styled Components in React (sma) | | 74 |
| how-tos, css-in-js, css, javascript |
| ReactJS: A Simple Custom Hook | | 73 |
| 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 2020 | | 70 |
| frameworks, javascript, angular, vuejs, nodejs, svelte, comparisons |
| A Practical Guide to Testing React Applications With Jest (sma) | | 69 |
| guides, testing, jest |
| A Lazy Dark Mode | | 68 |
| 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 Behavior | | 64 |
| 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 SPA | | 61 |
| single-page-apps, javascript, 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 Database | | 41 |
| 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 Rendering | | 33 |
| 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 Vue | | 30 |
| 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 Redux | | 24 |
| introductions, redux, state-management |
| A Guide to Testing React Components | | 23 |
| 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 |
| 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 ReactJS | | 10 |
| introductions |
| React Server Side Rendering With Node and Express (sma) | | 9 |
| server-side-rendering, nodejs, express |
| Getting Started With React: Building a “Hello World” Demo | | 8 |
| introductions, frameworks |
| The Sad State of Web Development | | 7 |
| 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 State | | 3 |
| components, state-management |
| React: Rethinking Best Practices (jsc) | | 2 |
| videos, best-practices |
| UI Events Viewer (db) | | 1 |
| tools, exploration, auditing, debugging, dom, events |
