The Interactive Guide to Rendering in React

#404 – May 01, 2023 The Interactive Guide to Rendering in React In this interactive guide, we'll explore why, when, and how React renders. Get your free Retool Database: a managed PostgreSQL DB + spreadsheet-like data editor (sponsor) Retool Database ... more

Say no to flickering UI

#403 – April 24, 2023 Say no to "flickering" UI: useLayoutEffect, painting and browsers story How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how ... more

Learning React from two Angles in 2023

#401 – April 10, 2023 Learning React from two Angles in 2023 In this article, I want to compare the two angles on how to learn React in 2023: the library way and the framework way. How Migrating from Vanilla Redux to Redux Toolkit Improved State Management ... more

Were React Hooks a Mistake?

#397 – March 13, 2023 Were React Hooks a Mistake? People like signals because signal-based components are far more similar to class components than to function components with hooks. Build custom internal tools using code within minutes (sponsor) Airplane ... more

Why React isn't dying

#392 – February 06, 2023 Why React isn't dying There's a bit of fuzz, mainly on Twitter, about React dying and other libraries being better than React, and that you're doing something wrong or missing out if you're choosing React right now. [Free On-Demand ... more

Little React Things: Less reacting, more deriving

#390 – January 23, 2023 Little React Things: Less reacting, more deriving In this second post in the Little React Things series, I talk about how we should remove unnecessary reactions from our React applications and replace them with derivations. Meet ... more

How to debounce and throttle in React without losing your mind

#388 – January 09, 2023 And we are back! Hopefully, y'all had a lovely break and are ready for some great React content. This week is going to be meaty. How to debounce and throttle in React without losing your mind Deep dive into debounce and throttle ... more

Data Structures In Frontend JavaScript In The Real World

#384 – November 28, 2022 Data Structures In Frontend JavaScript In The Real World Data structures can be intimidating. Especially for the self-taught folks among us. If you already tried to study data structures in JavaScript you know what typically ... more

How to Manage State in React

#383 – November 21, 2022 How to Manage State in React React state management is a process for managing the data that React components need in order to render themselves. This data is typically stored in the component's state object. When the state object ... more

React Digest Issue #380

sponsor Login & Authentication Workflows Auth is critical, and getting it right starts with understanding authentication for traditional, SPAs, and mobile apps. Download this technical guide from FusionAuth, including detailed workflows for Native ... more

We Improved React Loading Times by 70% with Next.js

#380 – October 31, 2022 sponsor Login & Authentication Workflows Auth is critical, and getting it right starts with understanding authentication for traditional, SPAs, and mobile apps. Download this technical guide from FusionAuth, including detailed ... more

React Digest Issue #379

sponsor The Complete Guide to Building a React Form in 2022 A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible Forms. this ... more

Building a chat app with Socket.io and React Native ��

#379 – October 24, 2022 sponsor The Complete Guide to Building a React Form in 2022 A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly ... more

React Digest Issue #378

sponsor How To Bind Any Component to Data in React: One-Way Binding If you want to learn more about data binding, types, how to utilize useState and useRef to bind data in React, take a look at this blog post and read on. this week's favorite RFC: First ... more

RFC: First class support for promises and async/await

#378 – October 17, 2022 sponsor How To Bind Any Component to Data in React: One-Way Binding If you want to learn more about data binding, types, how to utilize useState and useRef to bind data in React, take a look at this blog post and read on. this ... more

React Digest Issue #376

sponsor How To Implement a React Upload (DropZone) Component Learn how a ready-made React dropzone (Upload) component can make your life much easier. Read more. this week's favorite Get in Zoomer, We're Saving React Lately, it seems popular to talk smack ... more

Get in Zoomer, We're Saving React

#376 – October 03, 2022 sponsor How To Implement a React Upload (DropZone) Component Learn how a ready-made React dropzone (Upload) component can make your life much easier. Read more. this week's favorite Get in Zoomer, We're Saving React Lately, it ... more

React Digest Issue #375

sponsor Check out the future of email with Shortwave Shortwave helps you email smarter and faster with a reinvented experience for your Gmail. It also keeps your inbox organized by default by automatically bundling related threads (no more drowning in ... more

React Digest Issue #373

sponsor Does Your React App Need a Spreadsheet or Data Grid? Understand the differences between spreadsheets and data grids and which problems they solve best so you can make the right choice for your React application. Read more. this week's favorite ... more

React Digest Issue #369

sponsor Differences Using the Default HTML Calendar vs. a Commercial React Calendar Check out this comparison between the default HTML Calendar and the KendoReact Calendar, as an example of a feature-rich commercial component. We'll look at consistency, ... more

React Digest Issue #366

sponsor Dynamic Organization Routing with React If you’re building a B2B/multi-tenant application, you’ll want to have some dynamic way to know which organization your users are accessing at any point in time. With PropelAuth’s hosted pages, your users ... more

React Digest Issue #360

sponsor Using Figma Kits To Kick-Start Your Design System How can we get a quick and dirty design system MVP (Minimally Viable Product) up and running, with minimal time investment, to prove the benefits? Learn from this article. this week's favorite ... more

React Digest Issue #359

sponsor The Complete Guide to Building a React Form in 2022 A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible Forms. this ... more

React Digest Issue #354

sponsor How To Build a Real-Time Updating Data Grid in React There are plenty of examples out there of building a data grid using static data, but what about live streaming data? This blog post explains how you can create a real-time grid that uses the ... more

React Digest Issue #353

sponsor Try GrapeCity’s Award-Winning Developer Tools Experience GrapeCity’s collection of industry-leading JavaScript and .NET grids, UI, reporting, spreadsheets, document APIs, and mobile controls. GrapeCity empowers your development with familiar and ... more

React Digest Issue #349

sponsor Try GrapeCity’s Award-Winning Developer Tools Experience GrapeCity’s collection of industry-leading JavaScript and .NET grids, UI, reporting, spreadsheets, document APIs, and mobile controls. GrapeCity empowers your development with familiar and ... more

React Digest Issue #346

sponsor Design Systems Make the Developer's Work Easier Having a design system makes it easy for developers to onboard new team members, quickly find answers to basic questions, download common assets like logos and icons, and so much more. Read the blog ... more

React Digest Issue #345

sponsor Retool is the fast way to build internal tools Retool is the fast way to build internal tools. Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, ... more

React Digest Issue #344

sponsor How to Improve Designer-Developer Collaboration with Figma UI Kits? Ah, the infamous designer-developer handoff. It’s an unfortunate reality that designers and developers often have to overcome a level of distrust when working together. Learn ... more

React Digest Issue #343

sponsor Retool is the fast way to build internal tools Retool is the fast way to build internal tools. Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, ... more