Tag: react

ow to build an SVG circular progress component using React and React hooks

How to build an SVG circular progress component using React and React Hooks

Dev

Progress components make for a comfortable UX. Learn how to implement them using SVG and React (plus React Hooks) in this complete tutorial.

Uzochukwu Eddie Odozi
Jul 6, 2022 ⋅ 10 min read
React Firebase Chat App

How to build a chatroom app with React and Firebase

Dev

Cloud Firestore is a cloud-hosted NoSQL database. Data is stored in documents as key-value pairs, and documents are organized into collections.

Zach Snoek
Jul 5, 2022 ⋅ 18 min read
React Logo Over Roof Background

Using barrel exports to organize React components

Dev

Here, we introduce the concept of barrel exports in React and discuss how to use barrel exports to save development time.

Nelson Michael
Jul 1, 2022 ⋅ 5 min read
React Notes LocalStorage

How to build a notes app with React and localStorage

Dev

We can use localStorage to persist our React app to the browser so we don’t lose our data when we close the app.

Saleh Mubashar
Jul 1, 2022 ⋅ 9 min read
React Logo Over Fireworks

Getting started with PixiJS and React: Create a canvas

Dev

Learn how to implement PixiJS applications in React to render rich, 2D graphics. Walk through a demo of several PixiJS animation examples.

David Omotayo
Jun 21, 2022 ⋅ 8 min read
Build Google Docs Clone React Automerge

Build a Google Docs clone with React and Automerge

Dev

In this tutorial, we will be building a Google Docs clone, where the user can create, view, edit and delete text documents.

Madars Bišs
Jun 21, 2022 ⋅ 9 min read
React Logo

Understanding the React exhaustive-deps linting warning

Dev

Adding the exhaustive deps lint rule and the rule of Hooks rule is a necessity for app development. These rules will save you time.

Stephan Miller
Jun 16, 2022 ⋅ 6 min read
React Redux Connect

React Redux connect(): When and how to use it

Dev

The React Redux package provides React bindings for the Redux state container, making it very easy to connect a React application to a Redux store.

Glad Chinda
Jun 16, 2022 ⋅ 13 min read
React Logo

Create a customizable React search component with autocomplete

Dev

Autocomplete search boxes are prevalent in modern UI design. Here’s how to create a customizable search component in React.

Chinwike Maduabuchi
Jun 15, 2022 ⋅ 8 min read
Build Simple Svelte App

How to build a simple Svelte app

Dev

Developers can use both Svelte and React to effectively build web applications. While they serve the same overall purpose, there are distinct differences in how they work.

Obinna Ekwuno
Jun 14, 2022 ⋅ 7 min read
Mapbox-GL-React-Featured-Image

Using Mapbox GL JS with React

Dev

Want to build map interfaces with React? In this post, learn to use react-map-gl to build two variations of map components.

Austin Roy Omondi
Jun 13, 2022 ⋅ 6 min read

Comparing tools for optimizing performance in React

Dev

Good UX means optimizing your React apps as much as possible. Learn about the best tools for the job in this in-depth comparison.

Solomon Esenyi
Jun 10, 2022 ⋅ 8 min read