Tag: react

React Custom Alert Message

Create a custom React alert message

Dev

Build your own custom alert message component to display errors, information, and success messages to your users.

Ekekenta Odionyenfe
Mar 23, 2022 ⋅ 4 min read

Why you should use a proxy server with Create React App

Dev

Learn why and how to implement a proxy server with Create React App to secure and organize your next React app.

Joel Adewole
Mar 22, 2022 ⋅ 5 min read
Using TinyBase For Reactive State Management

Using TinyBase for reactive state management

Dev

TinyBase is a new state management library that provides a structured, SQL-like approach to data manipulation and uses no dependencies.

Elijah Asaolu
Mar 21, 2022 ⋅ 4 min read
Using React useEffect Hook Lifecycle Methods

Using React’s useEffect Hook with lifecycle methods

Dev

Learn about lifecycle methods in React and how we can use the useEffect Hook to use lifecycle methods in functional components.

Leonardo Maldonado
Mar 17, 2022 ⋅ 6 min read
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