Tag: react

Build An Accessible Modal With Focus-Trap-React

Build an accessible modal with focus-trap-react

Dev

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

Hulya Karakaya
Mar 2, 2023 ⋅ 7 min read
React Live Streaming 100ms

Building a React live streaming app with 100ms

Dev

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.

Taminoturoko Briggs
Mar 2, 2023 ⋅ 13 min read
Using React Flow to Plan a React Project

Using React Flow to plan a React project

Dev

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

Isaac Okoro
Mar 1, 2023 ⋅ 4 min read
Rendering Large Lists With React Virtualized

Rendering large lists with React Virtualized

Dev

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

Esteban Herrera
Mar 1, 2023 ⋅ 16 min read
Building A React Portfolio Website With Locomotive Scroll

Building a React portfolio website with Locomotive Scroll

Dev

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

Isaac Okoro
Mar 1, 2023 ⋅ 12 min read
How to make an idle timer for your React app

How to make an idle timer for your React app

Dev

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

Ivy Walobwa
Feb 28, 2023 ⋅ 5 min read
creating React animations in Motion

Creating React animations in Motion (formerly Framer Motion)

Dev

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

Paul Akinyemi
Feb 18, 2023 ⋅ 12 min read
How To Create An Audio And Video Recorder In React

How to create a video and audio recorder in React

Dev

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

Iniubong Obonguko
Feb 16, 2023 ⋅ 7 min read
Event Bubbling and Capturing in React

Event bubbling and capturing in React

Dev

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

Isaac Okoro
Feb 14, 2023 ⋅ 6 min read
Implementing Notifications in React With Reapop

Implementing notifications in React with Reapop

Dev

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

Lawrence Eagles
Feb 13, 2023 ⋅ 6 min read
How to initialize state using React Hooks

How to initialize state using React Hooks

Dev

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

Ohans Emmanuel
Feb 13, 2023 ⋅ 8 min read
Optimizing performance in a React app

Optimizing performance in a React app

Dev

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

Ibadehin Mojeed
Feb 9, 2023 ⋅ 12 min read