Tag: react

Using Msal React For React App Authentication

Using msal-react for React app authentication

Dev

Integrate a React app with msal-react, the Azure AD B2C authentication service, for smooth user authentication in React applications.

Bianca Dragomir
Jan 10, 2023 ⋅ 10 min read
Build React App Using Grommet for UI

Build a React app using Grommet for the UI

Dev

Learn how to use Grommet to quickly and easily create a modern, intuitive, and accessible user interface for your React application.

Nelson Michael
Jan 4, 2023 ⋅ 9 min read
A guide to streaming SSR with React 18

A guide to streaming SSR with React 18

Dev

A lot has changed with streaming SSR in React since React 18 was introduced. Learn about the new components, APIs, and more in this post.

Chak Shun Yu
Jan 2, 2023 ⋅ 8 min read
Exploring React Router’s Data, Navigation, and Error Handling APIs

Exploring React Router’s data, navigation, and error handling APIs

Dev

React Router’s v6.4 was a minor release earlier in 2022 that introduced some groundbreaking changes for the react-router-dom package.

Abhinav Anshul
Dec 22, 2022 ⋅ 5 min read
Gatsby Partial Hydration

Understanding partial hydration in Gatsby 5

Dev

Partial hydration enables you to selectively add interactivity to your otherwise completely static app, improving frontend performance while still keeping the benefits of client-side apps.

Yomi Eluwande
Dec 21, 2022 ⋅ 4 min read
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