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
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
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
Working With Custom Elements In React

Working with custom elements in React

Dev

Dive into custom HTML elements, the challenges of using them with React, and the changes in React 19 that address these challenges.

Saleh Mubashar
Aug 27, 2024 ⋅ 5 min read
Build Simple Svelte App

How to build a simple Svelte app

Dev

Developers can use both Svelte and React to effectively build web applications. While they serve the same overall purpose, there are distinct differences in how they work.

Obinna Ekwuno
Aug 27, 2024 ⋅ 10 min read