Tag: react

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
React Hooks Cheat Sheet Best Practices Examples

React Hooks cheat sheet: Best practices with examples

Dev

Editor’s note: This React Hooks tutorial was last updated on 6 March 2023 to include more React Hooks best practices […]

Ohans Emmanuel
Feb 20, 2023 ⋅ 18 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
Build powerful React forms with Informed

Build powerful React forms with Informed

Dev

Learn how to build forms that are resilient and customizable with Informed, a new competitor to Formik for React form building.

Ohans Emmanuel
Feb 9, 2023 ⋅ 12 min read