Tag: react

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
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
React Logo Over Purple Background

How to implement reCAPTCHA in a React application

Dev

In this article, we’ll demonstrate how to implement reCAPTCHA v2 in a React application and how to verify user tokens in a Node.js backend.

David Omotayo
Jun 9, 2022 ⋅ 11 min read
Setting Up A Dev Environment With React Vite And Tailwind

Setting up a dev environment with React, Vite, and Tailwind

Dev

Vite simplifies the bundling process. It gives us instant dev sever start times and ultra fast bundling by leveraging native JavaScript modules and esbuild.

Lawrence Eagles
Jun 2, 2022 ⋅ 5 min read
Create A Neumorphic Progress Bar Using React

Create a neumorphic progress bar in React

Dev

Using React, build an animated, neumorphic progress bar that uses CSS properties to make elements appear as if they float above the UI.

Emmanuel Odioko
May 27, 2022 ⋅ 5 min read
GatsbyJS Tutorial

Gatsby: The ultimate guide with examples

Dev

This tutorial covers everything you’ll ever need to know about Gatsby, including code demos and comparisons to React and Next.js.

Luke Joliat
May 26, 2022 ⋅ 9 min read
Authentication For React Apps Using AWS Amplify And Cognito

Authentication in React with AWS Cognito and Amplify

Dev

AWS Cognito user pools and the Amplify framework give you an efficient and reliable authentication solution for your React apps.

Brian Njenga
May 26, 2022 ⋅ 13 min read
Ultra Logo

Using Ultra, the new React web framework

Dev

Ultra is a great way to work with Deno and React, and its recently released version 1.0 includes many new features and improvements.

Tharaka Romesh
May 25, 2022 ⋅ 8 min read
Build Strongly Typed Polymorphic Components With React And TypeScript

Build strongly typed polymorphic components with React and TypeScript

Dev

Learn how to build strongly typed polymorphic React components with TypeScript, using familiar UI component props as guides.

Ohans Emmanuel
May 25, 2022 ⋅ 24 min read
React Ts Audio Spotify Clone

Build a Spotify clone with React and ts-audio

Dev

Explore ts-audio by building a Spotify clone. Use dummy data to build an application that includes methods like play and pause and allows you to create playlists.

Fortune Ikechi
May 23, 2022 ⋅ 8 min read
React Storybook Component Unit Testing

How to simplify component testing with React Storybook

Dev

Storybook provides a great way to test our UI components. It may seem like we are doing away with unit testing, but that’s not the case.

Raphael Ugwu
May 23, 2022 ⋅ 4 min read