Tag: react

React Lazy Loading Libraries 2023

The top 5 lazy loading libraries for React in 2023

Dev

Review the performance benefits of lazy loading your React applications, then consider several libraries that make it easier than ever before to speed up the performance of your React app.

Fortune Ikechi
Apr 14, 2023 ⋅ 7 min read
React Emmet VSCode

Type HTML faster in React with Emmet and VS Code

Dev

Emmet helps you write HTML and CSS faster by using simple abbreviations that are then converted into code blocks. However, Emmet is not enabled for React in VS Code by default.

Abiola Farounbi
Apr 13, 2023 ⋅ 4 min read
Build a Prototype With Chunk

Building a prototype with Chunk

Dev

In this article, we will learn about Chunk, an excellent developer tool for easily writing server-side code.

Nefe Emadamerho-Atori
Apr 10, 2023 ⋅ 3 min read
Translate Your React App Using Format.js

Translate your React app using Format.js

Dev

Making your React apps available in several languages is essential. Follow along to learn how to translate your React apps with Format.js.

Emmanuel Odioko
Apr 7, 2023 ⋅ 14 min read
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