Tag: react

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.

Emmanuel Odioko
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
MUI Grid System Getting Started

Guide to the MUI grid system

Dev

Learn about the MUI grid system, its features and limitations, and implementing it in React. Explore MUI Grid v2, which is experimental at the time of writing.

Gaurav Singhal
Nov 16, 2022 ⋅ 8 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
How to Use React createRef

How to use React createRef

Dev

Learn how to use the React.createRef() method and useRef Hook in React to simplify creating refs and interact with the HTML DOM.

Glad Chinda
Nov 15, 2022 ⋅ 13 min read
create-t3-app vs. RedwoodJS: Comparing Full-stack React Frameworks

create-t3-app vs. RedwoodJS: Comparing full-stack React frameworks

Dev

Comparing create-t3-app and RedwoodJS: learn how to set them up, explore the internal build structure for both, see how to work with frontend and backend development, and review what API solutions they support.

Madars Bišs
Nov 9, 2022 ⋅ 9 min read
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