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
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