Modeling UI states in a React form component using a finite state machine

And more news, tutorials and articles about React in this week's issue.

#297 — March 29, 2021 View in browser

React Digest

Spread the word, build the community, share the knowledge – invite your friends.

sponsor

The Ultimate Guide to Building a UI Component Library

In this article series, TJ VanToll shares tips and strategies he’s learned from over a decade working with UI components on the web that can help you plan, build, and distribute your own corporate component library.

this week's favorite

Modeling UI states in a React form component using a finite state machine

This post explores an architectural design pattern called the finite state machine (FSM) that we used at OkCupid to craft a robust location search UX. A FSM is an architectural design pattern that allows us to model a large system as a collection of loosely coupled components. Each component in the system changes its behavior when the internal state changes.

Paging in React Query

This post will cover how to page through a collection of Star Wars characters with React Query, providing a smooth user experience.

useEncapsulation or why your React components should only use custom hooks

Given the nature of our work, that requirements change frequently and therefore code changes frequently, too, it is not surprising that our codebases become messy. Our logic gets strewn about like tools left on a workbench. The problem is that hidden in the mess of functions and objects is important information that is getting lost. Important historical decisions left without explanation or context and more. I'll try to come up with a contrived example quickly.

Using React and D3.js

When I visualize data on the web, my current favorite environment is using D3.js inside of a React.js application. These two technologies are notoriously tricky to combine. The crux of the issue is that they both want to handle the DOM.

How to use React’s concurrent mode

React’s new concurrent mode allows your interface to be rendered while data fetching is in progress, providing an improved render lifecycle and a simple way to achieve parallel data fetching for multiple components.

courses

Cybersecurity Bootcamp: Pay Only If You Get A Job

Transition into cybersecurity, a lucrative and futureproof career where you protect essential systems and data with Springboard's newest bootcamp. Senior cybersecurity analysts earn $116k a year as a national average (Ziprecruiter). With a best in-class curriculum crafted by security experts with decades of experience as hiring managers, Springboard's program will get you the technical skills you need to start your cybersecurity career. Do real-life labs and projects, get the help you need to pass essential cybersecurity certifications such as the Security+, and benefit from 1:1 mentorship from industry experts as well as dedicated career support. With Springboard's deferred tuition option and job guarantee, you can choose to pay your tuition (and nothing more) only when you get a cybersecurity job.

newsletters


© 2021 Bonobo Press
Would you like to advertise or post a job with us? Check out our latest media kit.
If you no longer wish to receive these emails, click to unsubscribe.

Older messages

What Would Happen If You Mutated Your React Redux State?

Sunday, March 21, 2021

And more news, tutorials and articles about React in this week's issue. #296 — March 22, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

Sticky Table Header with React Hooks

Sunday, March 14, 2021

And more news, tutorials and articles about React in this week's issue. #295 — March 15, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

Say No to Excessive Re-Rendering in React

Sunday, March 7, 2021

And more news, tutorials and articles about React in this week's issue. #294 — March 08, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

Before You memo()

Sunday, February 28, 2021

And more news, tutorials and articles about React in this week's issue. #293 — March 01, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

Should You Use useMemo in React?

Sunday, February 21, 2021

And more news, tutorials and articles about React in this week's issue. #292 — February 22, 2021 View in browser React Digest Spread the word, build the community, share the knowledge – invite your

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your