Tag: react

Deep Dive React Fiber

A deep dive into React Fiber

Dev

Learn about React Fiber, an internal engine change geared to make React faster and smarter by solving the DOM tree issue.

Karthik Kalyanaraman
Oct 22, 2024 ⋅ 20 min read
Understanding Redux: A Tutorial With Examples

Understanding Redux: A tutorial with examples

Dev

This guide provides a foundational understanding of Redux and why you should use it for state management in a React app.

Neo Ighodaro
Oct 17, 2024 ⋅ 12 min read
Deploying React Apps To GitHub Pages

9 ways to deploy a React app for free

Dev

Check out these different ways to deploy a React app for free, including using Vercel, Firebase, and Cloudflare Pages.

Ashutosh Singh
Oct 14, 2024 ⋅ 17 min read
A Guide To The React UseReducer Hook

A guide to the React useReducer Hook

Dev

The useReducer React Hook is a good alternative to tools like Redux, Recoil, or MobX.

Ejiro Asiuwhu
Oct 10, 2024 ⋅ 13 min read
UseState In React: A Complete Guide

useState in React: A complete guide

Dev

`useState` is a React Hook that allows you to have state variables in functional components.

Esteban Herrera
Oct 8, 2024 ⋅ 12 min read
Angular Vs. React Vs. Vue.js: Comparing Performance

Angular vs. React vs. Vue.js: Comparing performance

Dev

React, Angular, and Vue.js are open source frontend JavaScript frameworks for building web applications.

Nefe Emadamerho-Atori
Oct 7, 2024 ⋅ 12 min read
This image features the iconic React logo—a blue atom-like symbol with a central dot and orbiting curves—superimposed on a background of a city skyline. The city appears to be shrouded in soft pink and purple hues, giving the image a modern, tech-focused atmosphere. This image symbolizex the use of React for building modular, scalable frontend architectures. React's component-based approach aligns with the principles of micro-frontends, where different parts of the user interface are independently developed and managed, similar to how microservices operate on the backend. The cityscape in the background represents the larger, complex web applications that can benefit from a structured, flexible frontend framework like React.

Practical guidance between vertical and horizontal micro-frontends

Dev

Micro-frontends, like microservices in backend development, divide frontend applications into modular, self-contained components that can be independently developed, tested, and […]

Peter Aideloje
Sep 27, 2024 ⋅ 8 min read
How And When To Force A React Component To Re-Render

How and when to force a React component to re-render

Dev

Learn how and when to force a React component to re-render, exploring methods like `setState`, `forceUpdate`, and `key` prop manipulation.

Juan Cruz Martinez
Sep 25, 2024 ⋅ 10 min read
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