Tag: react

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.

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