React Digest #356: React key attribute: best practices for performant lists
#356 — May 16, 2022 | View in browser |
React Digest
Spread the word, build the community, share the knowledge with your friends.
sponsor
FusionAuth is the authentication and authorization platform built for devs, by devs
Do you have a side project that needs custom login & registration, Multi-factor authentication, Social Logins, or User Management? Download FusionAuth Community Edition for free! The best part is you get unlimited users and there's no credit card or subscription required.
this week's favorite
React key attribute: best practices for performant lists
React “key” attribute is probably one of the most “autopilot” used features in React 😅 Who among us honestly can say that they use it because of “…some valid reasons”, rather than “because eslint rule complained at me”. And I suspect most people when faced with the question “why does React need “key” attribute” will answer something like “errr… we’re supposed to put unique values there so that React can recognise list items, it’s better for performance”. And technically this answer is correct. Sometimes.
Recap from Reactathon, if you missed the conference
At one point I found myself in a conversation between a React core maintainer, the inventor of XState, creator of React Router and Remix, a Chrome engine person, and the dude who built Firefox devtools and founded Replay.
Improve the Performance of your React Forms
Forms are a huge part of the web. Literally every interaction the user takes to make changes to backend data should use a form. Some forms are pretty simple, but in a real world scenario they get complicated quickly. You need to submit the form data the user entered, respond to server errors, validate the user input as they're typing (but not before they've blurred the input please), and sometimes you even need to build custom-made UI elements for form input types that aren't supported (styleable selects, date pickers, etc.).
It can be difficult to create a consistent and understandable folder structure when working with, or setting up, a vanilla React or Create React App project.
How to Build a Google Docs Clone with React, Material UI, & Firebase
In this article, we'll build a Google Docs clone using React, Material UI, and Firebase.
courses
Top Ways to Resolve React Native Security Challenges
As a developer building a user-oriented application, it is imperative to secure the app’s user information and other sensitive server information. Explore some security challenges that React Native developers encounter when developing mobile apps, like secure data transfer, authentication protocols, and dependency vulnerabilities.
books
Free eBook: Try Infrastructure as Code
This ebook is meant to be a step-by-step guide for you to learn how to use some of the most in-demand IaC tools that exist: Terraform, Ansible, Puppet (and Puppet Bolt), Chef, and Salt. Each tool is covered as mostly a stand-alone-project that focuses on deploying a simple Docker-based Python web application from Github.
how did you like this issue?
1 = didn't like it at all and 5 = loved it and shared it with everyone I know
newsletters

Older messages
React Digest #355: The Story of Concurrent React
Sunday, May 8, 2022
And more news, tutorials and articles about React in this week's issue. #355 — May 09, 2022 View in browser React Digest Hello, 👋 I've launched Daily Tech newsletter a couple weeks ago. 💥🍾
React Digest #354: React component composition explained
Sunday, May 1, 2022
And more news, tutorials and articles about React in this week's issue. #354 — May 02, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your friends.
React Digest #353: React 18 quick guide & core concepts explained
Sunday, April 24, 2022
And more news, tutorials and articles about React in this week's issue. #353 — April 25, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #352: Accessible React forms
Sunday, April 17, 2022
And more news, tutorials and articles about React in this week's issue. #352 — April 18, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with your
React Digest #351: Writing Redux reducers in Rust
Sunday, April 10, 2022
And more news, tutorials and articles about React in this week's issue. #351 — April 11, 2022 View in browser React Digest Spread the word, build the community, share the knowledge with 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: my 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