Use the focus-trap-react component to build user interfaces like modals and dropdown menus that are accessible to all users.

100ms includes support for HLS for live streaming, which allows for scaling to millions of viewers, mainly due to its support by OSes and CDNs.

Successful projects need adequate planning and architecture. Here, we will look at how to use React Flow to plan your next React project.

Render large data sets using the react-virtualized library and helpful components like CellMeasurer and ScrollSync.

Locomotive Scroll provides support for various forms of scrolling animations, including smooth scrolling, animated page overlays, and parallax effects.

Improve your React app’s security with an idle timer, which automatically logs users out after a period of inactivity.

Motion — the tool formerly known as Framer Motion — can help JavaScript developers quickly and effectively write animations.

Learn how to build a custom audio and video recorder in React using the native HTML MediaRecorder API and MediaStream API.

This article will look to handle events in React through event delegation, propagation, bubbling, capturing, and SyntheticEvents in React.

In this article, we’ll learn about the Reapop API and build a simple React app to implement notifications with Reapop.

Learn how to initialize state and implement advanced React component patterns using React Hooks like useState and the key property.

In this guide, we will discuss some important ways to optimize the performance of a React application, including pre-optimization techniques.