- React Digest
- Posts
- How Airbnb Smoothly Upgrades React
How Airbnb Smoothly Upgrades React
With reusable infrastructure that allows them to roll out new versions progressively
Jakub Chodounsky
July 29, 2024
How Airbnb Smoothly Upgrades React
11 minutes by Andre Wiggins
Airbnb’s frontend recently reached a major milestone: all of our web surfaces have been upgraded from React 16 to React 18. To safely perform this upgrade, we created the React Upgrade System: reusable infrastructure that allows us to roll out new versions of React progressively across our monorepo and measure the results of the upgrade.
Merge React Code faster with AI-driven code reviews
sponsored by CodeRabbit
CodeRabbit is your AI pull request reviewer. It provides context-aware feedback for your front-end code, line-by-line code suggestions, and real-time chat. Use CodeRabbit to improve the code quality and prevent production failures. It's free for OSS project or you can try it with a free seven-day trial today.
Do not pass DTOs to UI components
4 minutes by Dario Djuric
As frontend developers, we often work with data transfer objects (DTOs) that come from a backend API or service. These DTOs represent the raw data structure used for transfer across the network. However, using DTOs directly in UI components can lead to issues around maintainability, reusability, and separation of concerns.
Use useId() Instead Of Hand-Making IDs
5 minutes by Brad Westfall
Use useRef() instead of hand-made IDs if you want DOM access from JS. Use useId() instead of hand-made IDs to link two DOM nodes for accessibility.
State of React 2023
16 minutes by Sacha Greif
The 2023 edition of the annual survey about the latest trends in the React ecosystem.
Data Fetching with Server Actions in Next.js
7 minutes by Robin Wieruch
I have been working with React Server Components and Server Actions in Next.js for the last 6 months. While I am excited about Server Components and their ability to execute code on the server, I am not convinced (yet) by the story of data fetching in Client Components.
how did you like this issue? |