React JS Tutorial For Beginners With React JS Project Step By Step Tutorial 2024

Way too many ads my brother of peace but good tutorial

Thank you sir! please fix my problem when i want start with react it could not run if it comes to "npm install" it won't finish install and if i run the the react display an error command

Hello sir Thanks a lot for making this video 😊😊🎉🎉

He is a great teacher in the field of programming. I have followed him for a long time.

Make more tutorial

Thank you for your effort

I want redux and redux toolkit tutorials

Facing this error

You explained it very well sir, I took many courses, but I had difficulty understanding them, but your explanation helped me understand

Not for beginners, Please make a full course on React JS, I like how you break down complex topics, thus after watching your JavaScript Course for Beginners and All React Hooks Explained, I was giving up on React then GreatStack came to rescue.

Can anyone plz help me my project is not working properly import is not working

Hi there! Thank you for the video! However, can you please explain what the purpose of the useEffect method is in the context of the todo list app? I'd very much appreciate it!

Fact : React reacts when state changes

Can you tell me what vs code extension you installed needed for react?

When I type rafc there is no recommendation except of ReadableStreamDefaultController

Very well explained and clear video! Thank you!

This video is definetly not for the beginners

Images or TodoItems not visible when adding THIS LINE INSIDE THE maping or after return

<TodoItems key={index} no={item.no} display = {item.display} text={item.text}/>

It’s visible when i adding <TodoItems/> before the mapping

PLEASE HELP 😢

Hi Very helpful video. I am new in react js but hope I will learn soon .Thank you so much buddy

Your explanation is very good.


Please create one video on Redux as well as Redux Toolkit on any React Project from scratch with small and large data so that every concept can be cleared.

We can answer every interview questions smoothly.

Npm warn deprecated error 😢

Bro i got one issue

Finally you say it is Basic consept of react. 🤯

Thanks a bunch❤

thank you 💙 i officially learned react 🎈you are my hero ! i 'm glad chose this channel .

sir please i was confused because when you created the todo.jsx folder you didn't update it inside the main.jsx, it made me to stress my self as a react beginner 😭😭😭

I am getting uncaught typeerror cannot read properties of undefined (reading 'useref') error after using route.

❤❤❤

Please create courses on just creating front end layouts without any backend. If possible ~1Hr : ). As an mid level developer I am comfortable with backend but its the front end like layout, align, grid etc which takes a lot of time for me.

Thanks, perfect 1 hr course.

I am Getting an error ...as we have used setItem but you haven't initialised the useState for setItem, but you didn't get this error how?

importing navbar doesnt works for me

I want to Create ecomm

When the page is reloaded, your component will be remounted.
Without the first useEffect, the todos state will be re-initialized to an empty array [].
Then, the second useEffect will run, as it still exists in your code. However, since the todos(state variable) state is now an empty array, the localStorage.setItem("todos", JSON.stringify(todos)) line will store an empty array in localStorage under the key "todos".
As a result, when the page is reloaded, the todos state will be initialized as an empty array, and the data in localStorage under the key "todos" will also be an empty array. This behavior will cause any previously saved todos to be lost because they were not loaded into the todos state during component initialization.


Was this explanation technically correct?

hi sir actually its lot more for a beginer like useEffect ,localstorage so still need some clarity but thats for the video but i can't delete all the data (todos)

Please is this the same guy from Easy Tutorial??
NIce Video, Thanks.

God❤ Live long Sir 🙏🏻.....This helps me lot

U miss something when we add alot task the list is gonna leave the height of the Todo div and it become on the body

I will learn react only by doing Projects and reading blogs. We can not learn React only by pen and paper. Thanks for the project

As of February 13, 2024 for LTS: node-v20.11.0 (includes npm 10.2.4)

hello sir i have a doubt why you use javaScript + swc

Really educative content...! much appreciated

This is not that good for the beginners. Explaining was bad

how to install the extension that supported rfac?

In my Asset folder there's no image. How do i get the image you use in the asset folder

This is definitely not a beginner friendly tutorial, especially the project part of it but anyway thanks for making this video!!

plz make expense tracker and e commerce project as fast u can

The explanation in the video is very good but the topics are not explained elaborately .
He explains the contents but what,why etc are not explained. The main objective of this video is to make the students ready to make a simple App rather than to make them understand the stuffs what they do and why they do.

Honestly little too much for a beginner tutorial but thanks anyways . Learned a lot :)

Thank you best vidios & chanel

Thank you sir for the great knowledge 🙏🙏🙏