Tag: react

Using the React.cloneElement function to clone elements

Using the React.cloneElement() function to clone elements

Dev

In this in-depth tutorial, learn how to clone and manipulate elements three different ways using the React.cloneElement function.

Habdul Hazeez
Jul 29, 2021 ⋅ 6 min read
Creating a navbar in React

Creating a navbar in React

Dev

Swing through this quick tutorial on building a navigation bar in React using Create React App and the react-router-dom library.

David Atanda
Jul 27, 2021 ⋅ 3 min read

Implementing scroll restoration in ecommerce React apps

Dev

An advanced tutorial for scroll restoration in React apps, with an example build tailored specifically for ecommerce sites.

Luke Denton
Jul 21, 2021 ⋅ 10 min read
React Logo Over a Pink Background

How to safely render Markdown using react-markdown

Dev

Learn how to safely render Markdown syntax to the appropriate HTML with this short react-markdown tutorial.

Akash Mittal
Jul 20, 2021 ⋅ 2 min read
Adding dynamic meta tags to a React app without SSR

Adding dynamic meta tags to a React app without SSR

Dev

Optimize your React app with dynamic meta tags in this detailed tutorial — no server-side rendering required!

Angelo Faella
Jul 20, 2021 ⋅ 7 min read
How To Virtualize Large Lists Using React Window

How to virtualize large lists using react-window

Dev

Here’s how React Window’s virtualization can efficiently display large data sets to meet your DOM performance targets.

Simohamed Marhraoui
Jul 20, 2021 ⋅ 5 min read
Using setState In React Components

Using setState in React components

Dev

Calling setState in React lifecycle methods can be tricky. Learn more about how and when to apply each method for best results.

Nosa Obaseki
Jul 16, 2021 ⋅ 3 min read
Choosing when to build a custom React component library

Choosing when to build a custom React component library

Dev

Building a React component library impacts your entire project. Learn the benefits, trade-offs, and approaches to customizing one.

Iva Kop
Jul 16, 2021 ⋅ 6 min read
React Logo

Building a VR app with React 360

Dev

Curious about VR and React 360? Learn how to develop a simple and interactive React virtual reality application using React 360 right here.

Usman Khalid
Jul 15, 2021 ⋅ 5 min read
Build High Performance Forms React Final Form

React Final Form: A library for more performant forms

Dev

Compare React Final Form to Formik, two form management solutions, in terms of community size, dependencies, and performance.

Kasra Khosravi
Jul 15, 2021 ⋅ 4 min read
Implementing Copy-To-Clipboard In React With Clipboard API

Implementing copy-to-clipboard in React with Clipboard API

Dev

Improve user experience by implementing a copy-to-clipboard button in React with the JavaScript Clipboard API or with third-party libraries.

Dan Valinotti
Jul 14, 2021 ⋅ 6 min read
How To Build React Accordion Menu From Scratch, Person Looks Out Window Made Of Accordion Panels

How to build a React accordion menu from scratch

Dev

Learn how to build an accordion menu application in React from scratch to create clean UI layouts and minimize app scrolling.

Ibadehin Mojeed
Jul 14, 2021 ⋅ 7 min read