PLATFORM

  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • 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

Reactjs

Reactjs 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 ยท 7 months ago

2
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

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 ยท 2 years 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 ยท 2 years 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 ยท 2 years 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 ยท 2 years ago

3
DevDojo thefierycoder Avatar

Build a Custom Toast Notification Component with ReactJs & Context API

Toast notifications are a popular way to provide users with quick feedback and alerts on actions they take on the web application. While there are many pre-built libraries available for addi...

Rishi Purwar ยท 2 years ago

6
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 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 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 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 tapasadhikary Avatar

ReactJS Virtual DOM and Reconciliation - Explain Like I'm Five

What is DOM? DOM stands for Document Object Model. HTML is the language of web pages. It provides the web page structure with many specialized tags, including the way to link multiple pages...

Tapas Adhikary ยท 3 years ago

5
DevDojo sachinchaurasiya Avatar

5 Best practices for ReactJs

Howdy people, In this article we will be discussing the 5 best ReactJs practices that will help you simplify the building of great and high-performance applications. Use Fragment We know Rea...

Sachin Chaurasiya ยท 3 years ago

5
DevDojo techvblogs Avatar

How to use Tailwind CSS with a React App

What is Tailwind CSS? Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very...

TechvBlogs ยท 3 years ago

4
DevDojo avneesh Avatar

How to make a count down timer in React ๐Ÿ”ฅ

Hello everyone, in many kinds of apps you need to build a count down. So, today we will see how to build a countdown timer in React! Setup Create a new react app npx create-react-app react-...

Avneesh Agarwal ยท 3 years ago

2
DevDojo tapasadhikary Avatar

ReactJS useState Hook - lazy initialization and previous state

The State of a Component ReactJS is a component-based user interface library. Each of the components we create should have an individual responsibility. In the real world ReactJS application...

Tapas Adhikary ยท 3 years ago

4
DevDojo abhiraj Avatar

Everything you need to know about RemixJS

Remix is a new full-stack JavaScript framework that does away with static site generation and performs a few things differently than current frameworks. It uses React to render the user inte...

Abhiraj Bhowmick ยท 3 years ago

DevDojo techvblogs Avatar

Applying Inline Styles with React.js

Introduction Cascading Style Sheets, commonly known as CSS, is a major building block of web development. With CSS, we can define the presentation of a document, the set of rules that contro...

TechvBlogs ยท 3 years ago

4
DevDojo sachinchaurasiya Avatar

Learning Some Important Concepts of React Js (part-2)

In a previous article that is part-1, we discussed some important concepts of ReactJs. Learning Some Important Concepts of React Js (part-1) This is the second part of the important concepts...

Sachin Chaurasiya ยท 3 years ago

2
DevDojo sachinchaurasiya Avatar

How Much JavaScript You Need To Know To Start With ReactJs

If you are planning to learn to react then you must know the most recent JavaScript features that you will use over and over in React. There is no need to be an expert in these topics right...

Sachin Chaurasiya ยท 3 years ago

7
DevDojo sachinchaurasiya Avatar

What is ReactJs and Why it is so popular?

In this article, we will be discussing what is ReactJs and why it is so popular among developers. Let's get started What is Reactjs? According to official website of reactjs, reactjs is a ja...

Sachin Chaurasiya ยท 3 years ago

4
DevDojo sachinchaurasiya Avatar

5 Awesome Libraries To Use In Your Next ReactJs Project

We all know Reactjs is a UI library using which we can build user interfaces rapidly. but Reactjs ecosystem is so rich that you can build dynamic interactive web applications just by using s...

Sachin Chaurasiya ยท 3 years ago

5
DevDojo shreya Avatar

7 Free Resources to Learn ReactJS in 2022

If you are planning to learn React this year, firstly I want you to congratulate for taking this step! I'm sure you're going to kill it! But there are plethora of courses over the internet a...

Shreya ยท 3 years ago

3
DevDojo avneesh Avatar

Create an animated sidebar with TailwindCSS in React๐Ÿ’ซ

Hey everyone, in many apps you need a sidebar/drawer which slides in if you click on a hamburger icon. In this tutorial, we are going to see how to build that ๐ŸŒŸ. Demo {% loom b748e5d32ebd45...

Avneesh Agarwal ยท 3 years ago

5
DevDojo anishde12020 Avatar

Adding an in-browser code preview to your React Application with Sandpack

Sandpack is a live coding environment that runs on the browser. It is made by the team behind CodeSandbox/. The main objective here is to provide interactive examples to play around with, to...

Anish De ยท 3 years ago

3
DevDojo avneesh Avatar

Animate and Change Header Background on Scroll

You might have seen some web apps where the header changes its color or becomes glassmorphic when you scroll down. So in this tutorial, I am going to show you how you can do the same. Let's...

Avneesh Agarwal ยท 4 years ago

4
DevDojo avneesh Avatar

Create a custom video player in React ๐Ÿ“ฝ๏ธ

Wassup guys, in this tutorial we are going to see how to build a custom video player in React. Let's jump straight into it! Setup Create a new react app npx create-react-app custom-video-pl...

Avneesh Agarwal ยท 4 years ago

7
DevDojo tnylea Avatar

My first Reaction of React

In this tutorial, I want to show you the basics of how a React application works. I also wanted the chance to try it out myself ๐Ÿค“. I consider myself more of a PHP/Laravel/VueJS developer; h...

Tony Lea ยท 4 years ago

8

Loading More Content