RD#475 Intro to CSS animations for React developers

Intro to CSS animations for React developers
13 minutes by Nadia Makarevich

Investigating CSS animations in React by building some useful components like slide-in drawers, expandable search field, and fancy hover effects.

3 key aspects of your single-page apps to monitor
sponsored by Datadog

When analyzing a new monitoring solution, it's important that the tool meets your requirements. Learn how to monitor three key aspects of your single-page apps to help you optimize your users’ experience in our free best practices guide.

The unspoken rules of React hooks
3 minutes by Tom MacWright

This summary discusses the complexity of React hooks, particularly focusing on useEffect and its dependency array. The author highlights that certain values, like state setters and refs, are "stable" and don't need to be included in the dependency array, but this information is not clearly documented in React's official resources.

Types of React Components
10 minutes by Robin Wieruch

There are many types of React Components that make it difficult for React beginners. This tutorial goes through each React Component Type by example.

React at Meta Connect 2024
8 minutes by Blair Vanderhoof and others

Meta has showcased several new applications and technologies at Connect 2024, all built using React and React Native. These include rebuilt versions of Instagram and Facebook for Meta Quest, the Meta Horizon mobile app, an updated Meta Horizon Store, and the new Meta Spatial Editor.

SSR-friendly Custom React Hook for Local Storage Read and Write
3 minutes by Nico Prananta

This article discusses the creation of a custom React hook for accessing local storage using useSyncExternalStore. After learning that the "storage" event only fires when changes occur in different documents, the author modified the hook to include a custom event listener. The final version of the hook listens for both the storage event and a custom "local-storage-change" event, ensuring proper component re-rendering and avoiding hydration mismatch errors.

✂️ Cut your QA cycles down from hours to minutes with automated testing
sponsored by QA Wolf

If slow QA processes bottleneck you or your software engineering team and you’re releasing slower because of it, you must check out QA Wolf. They get you to 80% automated end-to-end test coverage and help ship 5x faster by reducing QA cycles from hours to minutes. With over 100 5-star reviews on G2 and customer testimonials from Salesloft, Drata, Autotrader, and many more — you’re in good hands.

And today we’ll wrap up with a couple of neat projects:

newsletters

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