Tag: react

Recursive Components in React: A Real-World Example

Recursive components in React: A real-world example

Dev

In this article, we will explore the details of recursive components in React and their usage in a real-world application

Rishi Purwar
Nov 8, 2022 ⋅ 9 min read
Create a GraphQL API with React and Phoenix 2.

Create a GraphQL API with React and Phoenix 2

Dev

Build a GraphQL API using Phoenix and connect it with a React app.

Kayode Adeniyi
Nov 8, 2022 ⋅ 11 min read
Docusaurus Using Fontaine Reduce Cumulative Layout Shift

Reduce cumulative layout shift in Docusaurus with fontaine

Dev

This post shows you how to use fontaine to reduce cumulative layout shift on your Docusaurus site.

John Reilly
Nov 7, 2022 ⋅ 3 min read
Using Chart.js in React

Using Chart.js in React

Dev

Use Chart.js, a JavaScript library for visualizing data, in your next React project with bar chart, pie chart, and line chart examples.

Chinwike Maduabuchi
Nov 4, 2022 ⋅ 4 min read
Remix: A Guide to the Newly Open Sourced React Framework

Remix: A guide to the React framework taking on Next.js

Dev

Take a deep dive into Remix, the newly open sourced React framework with new features to explore, like nested routes and error boundaries.

Atharva Deosthale
Nov 3, 2022 ⋅ 8 min read
Dino Logo Over Green Leafy Background

Ruck vs. Aleph.js for building React apps in Deno

Dev

Let’s explore the similarities and differences between Ruck and Aleph.js to determine which framework to use when building React apps in Deno.

Alec Brunelle
Nov 1, 2022 ⋅ 6 min read
Learn React Portals by Example

Learn React Portals by example

Dev

This tutorial outlines a common use case for React Portal using a real-life example centering on tooltip component development.

Alexander Solovyev
Nov 1, 2022 ⋅ 9 min read
Build Indoor Maps with Fabric.js and React

Build indoor maps with Fabric.js and React

Dev

To build indoor maps, developers can use Fabric.js with React. Grasp the basic functionalities of the grid system, zooming, panning, and more.

Martin Kimani
Oct 31, 2022 ⋅ 10 min read
Ariakit Logo

Using Ariakit components in React apps

Dev

Ariakit is an open source, low-level component toolkit for building accessible web applications in React. Let’s explore how to use it.

David Omotayo
Oct 28, 2022 ⋅ 8 min read
Transitioning React App Light Dark Mode

Transitioning a React app between light and dark mode in CSS with Theme UI

Dev

Learn how to build a React app that can be transitioned from light to dark mode using Theme UI with this tutorial guide.

Murat Yüksel
Oct 27, 2022 ⋅ 7 min read

The guide to converting Angular apps to React

Dev

Learn about the considerations to make, the advantages and disadvantages of migrating, and the process of converting an Angular app to React.

Nefe Emadamerho-Atori
Oct 25, 2022 ⋅ 12 min read
Migrating to React Router v6: A Complete Guide

Migrating to React Router v6: A complete guide

Dev

Migrate your React Router applications from v5 to v6 with this in-depth guide, including a review of additions and improvements from v5.

Joel Adewole
Oct 25, 2022 ⋅ 14 min read