Tag: react

Storybook Lost Pixel Getting Started

Storybook visual regression testing with Lost Pixel and React

Dev

Explore using Lost Pixel in your projects for detecting UI regressions. List Pixel is an open source tool that renders and compares actual images of components.

Kapeel Kokane
Jan 17, 2023 ⋅ 5 min read

Privacy-friendly data tracking in React with walker.js

Dev

Learn about the growing importance of first-party tracking and how to implement it with walker.js in your React and Next.js apps.

Kevin Tomas
Jan 11, 2023 ⋅ 9 min read
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

Styling in React: 5 ways to style React apps

Dev

Learn about styling React components with inline styling, styled-components, CSS modules, Tailwind CSS, and Sass and CSS style sheets.

Neo Ighodaro
Dec 8, 2022 ⋅ 13 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