Tag: react

Prerendering React Snap

Pre-rendering your React app with react-snap

Dev

react-snap is a third-party library that pre-renders a web application into static HTML, offering improvements to loading speed and SEO.

Raphael Ugwu
Apr 7, 2023 ⋅ 6 min read
SCSS Styled-Components Advantages Caveats

SCSS vs. styled-components: Advantages and caveats

Dev

Some developers prefer the stability and more universal character of Sass over the novelty of styled-components. But if you’re willing to climb the steeper learning curve, styled-components offers more in the way of reusability and customization.

Eslam Hefnawy
Apr 6, 2023 ⋅ 7 min read
React Custom Dropdown

Customize a reusable React dropdown menu component

Dev

A dropdown menu consists of four basic components: the header wrapping, header title, list wrapping, and list items.

Doğacan Bilgili
Apr 4, 2023 ⋅ 8 min read
Building An Adaptive, Accessible UI Library With React Aria

Building an adaptive, accessible UI library with React Aria

Dev

Build an adaptive, accessible UI library with React Aria that invests in an inclusive user experience.

Hulya Karakaya
Apr 4, 2023 ⋅ 7 min read

React Table: A complete guide with updates for TanStack Table

Dev

UI-wise, data tables are one of the best options to show complex data in an organized way; but, UX-wise, tables are tricky.

Paramanantham Harrison
Apr 3, 2023 ⋅ 14 min read
How to Use ForwardRef in React

How to use forwardRef in React

Dev

In this tutorial, we’ll review the concept of forwarding refs in React and how it helps us manage interactions with the DOM.

Peter Ekene Eze
Mar 31, 2023 ⋅ 10 min read
Using React Lifecycle Methods In Clojure Apps With Re-frame

Using React lifecycle methods in Clojure apps with re-frame

Dev

The ClojureScript re-frame library lets us use React’s lifecycle methods to monitor and manage your application at various phases.

Kingsley Ubah
Mar 30, 2023 ⋅ 7 min read
Dark Mode in React: An In-Depth Guide

Dark mode in React: An in-depth guide

Dev

In this article, we learned how to implement dark mode in a React application and its top considerations.

Zain Sajjad
Mar 29, 2023 ⋅ 8 min read
Getting Started With Create React App

Getting started with Create React App

Dev

Create React App is a great tool for quickly getting up and running on new React projects. Let’s learn how to use it.

Karthik Kalyanaraman
Mar 28, 2023 ⋅ 13 min read
React Context API: A Deep Dive With Examples

React Context API: A deep dive with examples

Dev

Use the React Context API to avoid prop drilling by passing data through our component trees and allowing our components to share data at different levels.

Adebiyi Adedotun
Mar 24, 2023 ⋅ 8 min read
Testing React Components: React-testing-library Vs. Enzyme

Testing React components: react-testing-library vs. Enzyme

Dev

Compare Enzyme and react-testing-library, the two most popular libraries for testing React components, and learn how to migrate between them.

Will Soares
Mar 23, 2023 ⋅ 7 min read
Clojure Reagent Web App Scratch

How to build a ClojureScript web app with React and Reagent

Dev

ClojureScript, which compiles Clojure to JavaScript, is a natural fit for web development, particularly with React via a library called Reagent.

Oliver Hine
Mar 22, 2023 ⋅ 6 min read