PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

COMMUNITY
MORE

React

React posts, videos, courses, and more

DevDojo tnylea Avatar

Best way to create a React app 2025

React is one of the most popular front-end frameworks, even in 2025. So, what's the best way to install a React application? Installing React with Vite The simplest way today is to use Vite....

Tony Lea ยท 3 months ago

2
DevDojo keploy Avatar

Upgrade Your Node.js Testing: Seamlessly Switch from Jest to Vitest

Jest and Vitest are two well-known JavaScript testing frameworks, each with its own strengths. Jest, created by Facebook, is especially popular for React applications. It provides a "ze...

Keploy ยท 10 months ago

DevDojo baransel Avatar

A simple React app: fetch GitHub users information via API

Welcome to a quick tutorial on my journey of building a React app that connects with external APIs. Today, I'm focusing on a hands-on example: fetching and displaying GitHub user data using...

Baransel ยท 1 year ago

2
DevDojo greennolgaa1 Avatar

What is Virtual DOM in React Native?

In the world of front-end development, React Native has taken the spotlight as one of the most prominent frameworks for building mobile applications. It's known for its efficiency, performan...

Olgaa ยท 1 year ago

7
DevDojo ashutoshmishra Avatar

React useState() Made Easy for Beginners

The React way of dynamically updating a websiteโ€™s content is different from Vanilla JavaScript. In JavaScript, we do it by directly manipulating DOM whereas, in React, we have a feature call...

Ashutosh Mishra ยท 1 year ago

4
DevDojo ashutoshmishra Avatar

13 Best React Libraries for Devs in 2023

Being a modern React developer is not only about understanding the core concepts of React but also about getting well versed with the whole ecosystem of React. This includes having the knowl...

Ashutosh Mishra ยท 1 year ago

2
DevDojo greennolgaa1 Avatar

The Web's Building Blocks: Shadow DOM vs. Virtual DOM

In the dynamic realm of web development, innovation is a constant companion. Two such innovations that have redefined the way web applications are created and rendered are the Shadow DOM and...

Olgaa ยท 1 year ago

3
DevDojo greennolgaa1 Avatar

React Redux: A Beginner's Guide to State Management

In the ever-evolving landscape of web development, managing the state of an application is a crucial aspect of creating dynamic and interactive user interfaces. React Redux, a state manageme...

Olgaa ยท 1 year ago

2
DevDojo greennolgaa1 Avatar

Parent and Child Components in React: Building Reusable and Maintainable User Interfaces

React, a popular JavaScript library for building user interfaces, follows a component-based architecture. In this architecture, components are the building blocks that make up the user inter...

Olgaa ยท 1 year ago

2
DevDojo greennolgaa1 Avatar

React Middleware: Implementing Middleware in React Applications

Middleware is a powerful concept commonly used in server-side applications to handle various tasks like authentication, logging, and error handling. However, middleware can also be effective...

Olgaa ยท 1 year ago

3
DevDojo imkarthikeyans Avatar

Integrating ESRI Maps into your React App

ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for build...

Karthikeyan ยท 2 years ago

2
DevDojo rahulism Avatar

React UseEffect Hook: A Definitive Guide for Beginners

The useEffect hook is one of the most important hooks of React. It allows you to perform effects in a declarative way, instead of using imperative code inside React components. It offers a s...

Rahul ยท 2 years ago

DevDojo clumsycoder Avatar

Is Create React App Really Dead? What Are Other Options?

If you are active on tech Twitter, follow web-dev YouTubers, or read blogs, you know what I am talking about. For the past few months, there has been a lot of discussions about how create-re...

Kaushal Joshi ยท 2 years ago

1
DevDojo rahulism Avatar

How to create components in React (create custom components) | React Recipes

Previously I discussed creating your first react app, in this post, we'll learn more about, props, states, creating your first react component, and many things. {% bmc rahuldotbiz %} So, Wha...

Rahul ยท 2 years ago

1
DevDojo rahulism Avatar

How to create react elements with JSX | React Recipes

JSX is a powerful tool for building user interfaces that is easy to read and understand, and can improve the performance and maintainability of your code. In this blog post we will learn abo...

Rahul ยท 2 years ago

4
DevDojo rahulism Avatar

Learn react in 2023 (what is create-react-app) | React Recipes

Welcome to this article on React, a JavaScript library for building user interfaces! React is a popular and widely-used tool for developing web applications and has gained a lot of traction...

Rahul ยท 2 years ago

3
DevDojo imamuzzaki Avatar

Hello React, Goodbye useEffect (I Hope)

In this article, I will show you how to use React to replace useEffect in most cases. I've been watching "Goodbye, useEffect" by David Khoursid, and it's ๐Ÿคฏ blows my mind in a ๐Ÿ˜€ g...

Imamuzzaki Abu Salam ยท 2 years ago

6
DevDojo myogeshchavan97 Avatar

How to Test a WebSocket based Application Using the API Tester Mobile App

In this article, we'll see how we can use API Tester application to test WebSocket based APIs easily and why it's my goto application for mobile app testing. So let's get started. What is AP...

Yogesh Chavan ยท 2 years ago

DevDojo imamuzzaki Avatar

Debounce in Next.js

React v16.8 introduced a new hook called useEffect, which allows you to run side effects in your functional components. useEffect is a great way to handle expensive operations like API calls...

Imamuzzaki Abu Salam ยท 2 years ago

2
DevDojo myogeshchavan97 Avatar

How to Deploy Your Node.js Application for Free with Render

For years, Heroku has been an excellent platform to host your Full Stack applications. But that may change, as Heroku is bringing its generous free tier to an end. You may have received emai...

Yogesh Chavan ยท 2 years ago

2
DevDojo rahulism Avatar

React in Operation Theatre - React Shorts

React is a famous JavaScript library utilized for web improvement. React.js or ReactJS or React are various ways of addressing ReactJS. The present some enormous scope organizations (Netflix...

Rahul ยท 2 years ago

1
DevDojo techvblogs Avatar

How To Install React in Laravel 9 with Vite

Laravel has just released โ€œlaravel 9.19โ€ with a major change. There is no more webpack.mix.js file in the laravel root in the place of the webpack.mix.js file vite.config.js file is introduc...

TechvBlogs ยท 3 years ago

8
DevDojo 8machy Avatar

Style your React.js website faster with Stylifyย CSS

Stylify + React.js + Vite.js. Style your React.js website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get generated CSS with advanced optimization for prod...

Vladimรญr Machรกฤek ยท 3 years ago

4
DevDojo techvblogs Avatar

Build a Basic CRUD App with Laravel 9 and React.js

What is React.js? React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual de...

TechvBlogs ยท 3 years ago

4
DevDojo 8machy Avatar

Style your Next.js website faster with Stylify CSS

Style your Next.js website faster, more efficiently and intuitively with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get automatically generated CSS with advanced opti...

Vladimรญr Machรกฤek ยท 3 years ago

1
DevDojo clumsycoder Avatar

How to Add Script Tags in React

Using third party libraries is very common while developing apps for the web. The usual way is to install the NPM package of the library and import it for your use. But sometimes, the NPM pa...

Kaushal Joshi ยท 3 years ago

3
DevDojo techvblogs Avatar

How to Loop in React JSX

React allows you to easily write JavaScript code inside your components. This makes it easy for any developer to comfortably handle common programming techniques in React, such as looping th...

TechvBlogs ยท 3 years ago

5
DevDojo sachinchaurasiya Avatar

TypeScript Utility Types: The 6 Most Useful

I have been working with typescript for almost a year now, and I have learned and implemented a lot in this time. Among the things, I enjoy most about typescript are the utility types that a...

Sachin Chaurasiya ยท 3 years ago

3
DevDojo avneesh Avatar

How not to write clean code in React? ๐Ÿงน

Introduction Wassup everyone, long time no see. Today we will see a few ways to not clean code in React, let's jump right into it! 10 ways to not write clean code Not use a linter Who needs...

Avneesh Agarwal ยท 3 years ago

3
DevDojo dastasoft Avatar

How to get cool animations in your React projects

In this guide we will apply Framer Motion animations to a basic example project to enrich the user experience with animations. The project is made with Next and TypeScript, but you can apply...

dastasoft ยท 3 years ago

2

Loading More Content