Tag: react

React logo displayed on a pastel sky background, representing the topic of migrating to React 19 using react-codemod.

Migrating to React 19 using react-codemod

Dev

In this tutorial, you will learn how to upgrade and refactor your React application to the latest version without having […]

Popoola Temitope
Sep 20, 2024 ⋅ 3 min read
An illustration of a hand holding a large hammer with a lightning bolt symbol. The background features a vibrant, gradient sky with shining stars. This image metaphorically represents the strength and flexibility of using Vike and vite-plugin-federation to build scalable micro-frontends. As discussed in the article, Vike allows for server-side rendering (SSR) and static-site generation (SSG), while vite-plugin-federation helps integrate shared components across different micro-frontend applications, enhancing the speed and modularity of modern web development frameworks like React, Vue, and Svelte

How to build scalable micro-frontends with Vike and Vite

Dev

Micro-frontends let you split a large web application into smaller, manageable pieces. It’s an approach inspired by the microservice architecture […]

Elijah Asaolu
Sep 18, 2024 ⋅ 6 min read
React Table: A Complete Guide With Updates For TanStack Table

React Table: A complete guide with updates for TanStack Table

Dev

We build a smart data table UI in React Table v7 and explore some of the new features available in Tantack Table v8.

Paramanantham Harrison
Sep 16, 2024 ⋅ 16 min read
Using The React Children Prop With TypeScript

Using the React children prop with TypeScript

Dev

Explore best practices for typing `children` props in TypeScript in both functional and class-based components.

Ohans Emmanuel
Sep 13, 2024 ⋅ 7 min read
Using DangerouslySetInnerHTML In A React Application

Using dangerouslySetInnerHTML in a React application

Dev

The `dangerouslySetInnerHTML` property in a React application is the equivalent of the `innerHTML` attribute in the browser DOM. Learn more in this guide.

Doğacan Bilgili
Sep 13, 2024 ⋅ 6 min read
The Top 9 React Chart Libraries

The top 9 React chart libraries

Dev

Review the top most popular React chart libraries, which simplify the process of building charts and visualizing large amounts of data.

Hafsah Emekoma
Sep 10, 2024 ⋅ 7 min read
Persist State With Redux Persist Using Redux Toolkit In React

Persist state with Redux Persist using Redux Toolkit in React

Dev

With Redux Persist, you can save the Redux store in persistent storage so even after refreshing the browser, the site state will be preserved.

Taminoturoko Briggs
Sep 10, 2024 ⋅ 14 min read

Build an image editor with Fabric.js v6

Dev

In web development projects, developers typically create user interface elements with standard DOM elements. Sometimes, web developers need to create […]

Shalitha Suranga
Sep 9, 2024 ⋅ 12 min read
Formik Adoption Guide: Overview, Examples, And Alternatives

Formik adoption guide: Overview, examples, and alternatives

Dev

Formik is a small JavaScript library built in response to the hardships experienced when creating large forms in React.

Alexander Godwin
Sep 4, 2024 ⋅ 14 min read

Creating an animated hamburger menu icon for React

Dev

The hamburger menu icon is a common design element in mobile and responsive websites and applications. It offers a compact […]

Ibadehin Mojeed
Sep 4, 2024 ⋅ 8 min read
Building Telegram Mini Apps With React

Building Telegram Mini Apps with React

Dev

Explore Telegram Mini Apps and the benefits they provide as we build and deploy a fullstack, ecommerce React app on Telegram.

Emmanuel John
Sep 2, 2024 ⋅ 23 min read

How to implement Coolify, the self-hosted alternative to Heroku

Dev

If you’ve been active on Twitter or Reddit lately, you’ve likely seen discussions surrounding Vercel’s pricing model, which has turned […]

David Omotayo
Aug 28, 2024 ⋅ 15 min read