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
Stripe makes more changes
Thursday, April 25, 2024
TikTok is in trouble, and net neutrality is back View this email online in your browser By Christine Hall Thursday, April 25, 2024 Welcome back to TechCrunch PM, your home for all things startups,
💎 Issue 414 - From a Lorry Driver to Ruby on Rails Developer at 38
Thursday, April 25, 2024
This week's Awesome Ruby Newsletter Read this email on the Web The Awesome Ruby Newsletter Issue » 414 Release Date Apr 25, 2024 Your weekly report of the most popular Ruby news, articles and
💻 Issue 414 - JavaScript Features That Most Developers Don’t Know
Thursday, April 25, 2024
This week's Awesome Node.js Weekly Read this email on the Web The Awesome Node.js Weekly Issue » 414 Release Date Apr 25, 2024 Your weekly report of the most popular Node.js news, articles and
💻 Issue 407 - The Performance Impact of C++'s `final` Keyword
Thursday, April 25, 2024
This week's Awesome .NET Weekly Read this email on the Web The Awesome .NET Weekly Issue » 407 Release Date Apr 25, 2024 Your weekly report of the most popular .NET news, articles and projects
💻 Issue 414 - Everyone Has JavaScript, Right?
Thursday, April 25, 2024
This week's Awesome JavaScript Weekly Read this email on the Web The Awesome JavaScript Weekly Issue » 414 Release Date Apr 25, 2024 Your weekly report of the most popular JavaScript news, articles
📱 Issue 408 - All web browsers on iOS are just Safari with different design
Thursday, April 25, 2024
This week's Awesome iOS Weekly Read this email on the Web The Awesome iOS Weekly Issue » 408 Release Date Apr 25, 2024 Your weekly report of the most popular iOS news, articles and projects Popular
💧 Don't Bother Liquid Cooling Your AMD CPU — Why You Should Keep Using Live Photos on iPhone
Thursday, April 25, 2024
Also: We review the Unistellar Odyssey iPhone Telescope, and More! How-To Geek Logo April 25, 2024 Did You Know Charles Darwin and Abraham Lincoln were both born on the same day: February 12, 1809. 💻
💻 Issue 332 - 🥇The first framework that lets you visualize your React/NodeJS app 🤯
Thursday, April 25, 2024
This week's Awesome React Weekly Read this email on the Web The Awesome React Weekly Issue » 332 Release Date Apr 25, 2024 Your weekly report of the most popular React news, articles and projects
💻 Issue 409 - Sized, DynSized, and Unsized by Niko Matsakis
Thursday, April 25, 2024
This week's Awesome Rust Weekly Read this email on the Web The Awesome Rust Weekly Issue » 409 Release Date Apr 25, 2024 Your weekly report of the most popular Rust news, articles and projects
📱 Issue 411 - AI Starts to Sift Through String Theory's Near-Endless Possibilities
Thursday, April 25, 2024
This week's Awesome Swift Weekly Read this email on the Web The Awesome Swift Weekly Issue » 411 Release Date Apr 25, 2024 Your weekly report of the most popular Swift news, articles and projects