Tag: react

React Inline Editable UI

How to build an inline editable UI in React

Dev

Review some existing React component libraries that you can use for inline editing, including react-easy-edit, Atlassian, react-editext, react-contenteditable, React Table, and more.

Paramanantham Harrison
Dec 15, 2022 ⋅ 8 min read
React D3 js Getting Started

Getting started with D3.js and React

Dev

Create a simple bar chart using D3.js and React, add customizations like labels, and troubleshoot some common issues that arise when pairing the two JavaScript libraries.

Nosa Obaseki
Dec 14, 2022 ⋅ 8 min read
React Logo Over Pair of Sneakers with Laces

Shoelace: Build web components for React

Dev

Shoelace is a UI library built on web component technology; it offers the same experience as any JavaScript framework but with better perks.

David Omotayo
Dec 9, 2022 ⋅ 11 min read
Building a Blog With Alinea and React

Building faster blogs with Alinea and React

Dev

Follow along with this guide to learn how to build a blog with Alinea and React, the new CMS written in TypeScript.

Attila Vago
Dec 7, 2022 ⋅ 13 min read
Build A Kanban board with Dnd Kit And React

Build a Kanban board with dnd kit and React

Dev

Learn how to use dnd kit, an alternative to react-beautiful-dnd, to design drag-and-drop patterns for your React apps!

Rahul Padalkar
Dec 6, 2022 ⋅ 7 min read
Creating a React Context Menu

Creating a React context menu

Dev

Explore how to create a React context menu, the shortcuts to activate right-click menus, and how to create a custom context menu Hook.

Hulya Karakaya
Dec 5, 2022 ⋅ 7 min read
Build Rich Text Editors in React Using Draft.js and react-draft-wysiwyg

Build rich text editors in React using Draft.js and react-draft-wysiwyg

Dev

In this article, we will be using Draft.js and react-draft-wysiwyg to build a rich text editor and display text we created using the editor.

Jeremy Kithome
Dec 1, 2022 ⋅ 10 min read
Dynamically Managing State With Legend-State

Dynamically managing state with Legend-State

Dev

Legend-State is a state management library that optimizes React apps for performance, scalability, and developer experience.

Jude Miracle
Nov 29, 2022 ⋅ 7 min read
Implementing Pull-to-refresh in React with Tailwind CSS

Implementing pull-to-refresh in React with Tailwind CSS

Dev

Learn how to implement a custom pull-to-refresh feature in React, using Tailwind CSS for styling and overflow behavior.

Chizaram Ken
Nov 28, 2022 ⋅ 6 min read
Build a React dashboard with Tremor

Build a React dashboard with Tremor

Dev

Use Tremor, a low-level library for building dashboards in React, and create an interactive dashboard application.

David Omotayo
Nov 23, 2022 ⋅ 13 min read
Create a Custom Debounce Hook in React

Create a custom debounce Hook in React

Dev

In this article, we will write a custom debounce Hook in our React app that defers some number of seconds to process our passed value.

Ishan Manandhar
Nov 16, 2022 ⋅ 5 min read
Getting Started React Typescript

Getting started with Create React App and TypeScript

Dev

JavaScript is not typed, meaning you can’t assign a data type to a variable, but JavaScript still understands the difference between a number, a string, and an object

Juan Cruz Martinez
Nov 15, 2022 ⋅ 9 min read