RD#466 How Airbnb Smoothly Upgrades React

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.

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.