Tag: react

React and Firebase Logos

Push notifications with React and Firebase

Dev

Learn how to enable push notification in React with Firebase in this step-by-step tutorial and example build.

Kapeel Kokane
Mar 17, 2022 ⋅ 6 min read
Rendering React Json Animations

Rendering JSON animations in React applications

Dev

Rendering JSON animations in React can be tricky. We troubleshoot and solve the issues using react-lottie, a plugin for the Adobe Bodymovin extension.

Raphael Ugwu
Mar 16, 2022 ⋅ 6 min read
Everything You Need to Know About react-scripts

Everything you need to know about react-scripts

Dev

Create React App comes with react-scripts, a handy package that reduces the configuration required to build a React app, and an amazing configuration that makes any developer’s life easier.

Ibrahima Ndaw
Mar 16, 2022 ⋅ 4 min read
Testing React Apps Jest React Testing Library

React app testing: Jest and React Testing Library

Dev

Learn how to test React applications with Jest and React Testing Library, a popular combination and official recommendation from React.

Juan Cruz Martinez
Mar 16, 2022 ⋅ 11 min read
React Tic Tac Toe Hooks

Build a Tic-Tac-Toe game with React Hooks

Dev

Learn how Tic-Tac-Toe is played, scaffold a Next.js project, and learn how to code and play a Tic-Tac-Toe game on our computer.

Chidume Nnamdi
Mar 15, 2022 ⋅ 8 min read
Using CSS media queries in React with Fresnel

Using CSS media queries in React with Fresnel

Dev

Here’s a look at the Fresnel package, one of the most efficient ways to implement responsive design for server-side rendering.

Madars Bišs
Mar 14, 2022 ⋅ 7 min read
Build a Web3 authentication flow with React, Ether.js, and Ceramic

Build a Web3 authentication flow with React, Ether.js, and Ceramic

Dev

Learn how to build a Web3 auth flow in this step-by-step tutorial using popular libraries and platforms like React, Ether.js, and Ceramic.

David Ekanem
Mar 11, 2022 ⋅ 4 min read
Drag-And-Drop Image Component React Dropzone HTML Drag and Drop API

Build a drag-and-drop image uploader with react-dropzone

Dev

Learn how to use react-dropzone to create a drag-and-drop component for uploading images. Compare this to the HTML Drag and Drop API method.

Uzochukwu Eddie Odozi
Mar 11, 2022 ⋅ 21 min read
React Pagination Scratch

React pagination from scratch using Hooks

Dev

Improve you app’s overall UI and UX by reducing large data displays with a pagination component. Create pagination from scratch using React Hooks.

Sampath Gajawada
Mar 11, 2022 ⋅ 6 min read
React Form Validation Solutions

React form validation solutions: An ultimate roundup

Dev

This roundup is a comprehensive look at some of the most popular solutions for form management and validation in React.

Wern Ancheta
Mar 9, 2022 ⋅ 15 min read
React Logo Over a Paint-Splashed Background

Top React dashboard libraries

Dev

Here’s a curated list of the best free, open source React dashboard templates that can be easily set up and modified for projects as needed.

David Omotayo
Mar 8, 2022 ⋅ 5 min read
Progress Reading Bar React

Creating a reading progress bar with React

Dev

Build a reading progress bar in React to calculate and show users how far they have scrolled on a webpage.

Saleh Mubashar
Mar 8, 2022 ⋅ 4 min read