Create react projects

Поділитися
Вставка
  • Опубліковано 30 вер 2024
  • In this comprehensive tutorial, you'll learn how to effectively create React projects using different approaches, including the classic Create React App and the modern Vite bundler. This video, part of a React series, is essential for understanding the foundational tools and files involved in React development. We start by exploring the importance of Node.js and various code editors, like VS Code. The tutorial then walks you through the setup process, detailing how to install Node.js and create a React project. You'll learn about the key differences between using Create React App and Vite, and how each impacts your development workflow. The guide also covers the structure of a React project, focusing on essential files like ‘package.json’ and dependencies like React DOM. By the end of this hands-on journey, you'll have the skills and confidence to start building robust React applications, fully equipped with the right tools and understanding of the React ecosystem. This tutorial promises a smooth, guided experience for beginners and a deep dive into the intricacies of React for more advanced users.
    Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
    All the learning resources such as code files, documentations, articles and community discussions are available on our website:
    chaicode.com/
    You can find our discord link, github link etc on the above website.
    Twitter/X link: x.com/hiteshdo...
    Discord link: hitesh.ai/discord
    Learn React with 10 projects: • Let's learn react from...
    Learn Docker: • A practical guide on D...
    Learn Kubernetes: • Complete Kubernetes Co...
    How does a browser works: • How does a browser wor...
    How nodejs works: • How node JS works | En...
    Learn Redux-toolkit: • Learn Redux Toolkit in...
    Learn NextJS: • Nextjs Full stack course
    Learn Typescript: • Why to learn Typescript
    Learn Javascript: • Welcome to new JavaScr...
    Learn React Native: • React Native Mastery: ...
    Learn Zustand: • React state management...
    Learn Golang: • How to get started wit...

КОМЕНТАРІ • 90

  • @DeepakSankhyan
    @DeepakSankhyan Рік тому +28

    Guys this is going to be One of the Best React Series please do support and Motivate I can bet after that you do not need any paid courses . ❤🚀

  • @viditgoel2909
    @viditgoel2909 Рік тому +8

    Sir, it would be beneficial if you could also teach a little bit on any of your channels(maybe just enough for a base for us to build our understanding upon)
    how we could implement testing in our projects through rtl, jest, cypress, vitest, or similar testing libraries.
    Not much good content is available regarding this, so it is a request.

  • @gopallohar5534
    @gopallohar5534 Рік тому +2

    I have an internet Budget and I can't afford more than one create-react-app per day 😂, vite is better

  • @bharath5925
    @bharath5925 Рік тому +1

    Hey can I get internship in next three months by learning your js & REACT course from hindi channel

  • @hasa8177
    @hasa8177 2 місяці тому

    Whenever I do the npm i I am getting 5 npm WARN deprecated for inflight, glob, Rimraf and a couple others. I am installing the latest Vite. Is this a problem with vite? Everything still works but I get that evertime.

  • @Xaviercomment586
    @Xaviercomment586 Рік тому +1

    first bro

  • @gainsbrah9831
    @gainsbrah9831 Рік тому +2

    Here is a idea for content:
    Do reaction videos like theprimeagen but your polite voice can be your usp and constructive criticism or difference in opinions may open many paths of thinking for audience. Btw you do a great work.❤

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +1

      I think that would be cool. Through some suggestions or link at my discord. I will setup a new channel for it.
      hitesh.ai/discord

  • @maheshbabut4330
    @maheshbabut4330 2 дні тому

    i guess you can optimize and make vedio much smaller

  • @bhanu896
    @bhanu896 Рік тому +3

    This is going to be one of the best react classes on the internet for sure..thanks hitesh brother

  • @_Sujit-khot_
    @_Sujit-khot_ Рік тому +2

    Following same series on both channels cause obsessed with quality and love and also chai 😂❤

  • @_Blackwolf_01
    @_Blackwolf_01 Рік тому +1

    hindi is best @chaiaurcode

  • @nidhikumari1040
    @nidhikumari1040 Місяць тому

    I m getting this error 😢 Plz help anyone I'm preparing for interviews.

  • @myst.youtube
    @myst.youtube Рік тому +1

    No joke your explanation is not boring and always on point ^_^ love your teaching style among of all reactjs teacher.

  • @nidhikumari1040
    @nidhikumari1040 Місяць тому

    sh-3.2$ npm run start
    npm ERR! code ENOENT
    npm ERR! syscall open
    npm ERR! path /Users/nikumari/Documents/ReactApp/package.json
    npm ERR! errno -2
    npm ERR! enoent ENOENT: no such file or directory, open '/Users/nikumari/Documents/ReactApp/package.json'
    npm ERR! enoent This is related to npm not being able to find a file.
    npm ERR! enoent
    npm ERR! A complete log of this run can be found in:
    npm ERR! /Users/nikumari/.npm/_logs/2024-08-13T08_02_20_933Z-debug-0.log

  • @gourvisiriah8970
    @gourvisiriah8970 Місяць тому

    On typing git init in terminal it says the term git is not recognized

  • @icoderdev
    @icoderdev Рік тому +1

  • @bikramjeetsingh2361
    @bikramjeetsingh2361 Рік тому

    Maine suna hai TAS manager ki salary 26 lakh hai , genuine hai? Tata imagination competiton pe keh rhe hain please make a video on it

  • @ROBOTHUMAN-v2b
    @ROBOTHUMAN-v2b 5 місяців тому

    that's called a TUTORIAL

  • @deadlylive_gaming7154
    @deadlylive_gaming7154 23 дні тому

    perfect 🎉

  • @shashankshukla7989
    @shashankshukla7989 Рік тому +1

    Jitsi pyaari hindi, utni pyaari English❣❣

  • @king-virat-kohli
    @king-virat-kohli Рік тому +1

    Have watched quite a amount of react videos. None of them started saying u need nodejs installed. And none of them went through the package.json file and explained this is y u run npm start or npm dev. Awesome really appriciate the effort hitesh

  • @neelimareddy3571
    @neelimareddy3571 8 місяців тому

    when i use git init in my terminal its showing The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or
    if a path was included, verify that the path is correct and try again.
    can you please help me

  • @shubham90199
    @shubham90199 7 місяців тому

    Came back to react after 2 years CRA is shit having random dependencies and vulnerabilities being displayed which was weird but this cleared it up. :D

  • @MohammedDanishKhan-g4d
    @MohammedDanishKhan-g4d Рік тому +1

    Awesome content sir 😍. Pls post daily so that we can continue daily

  • @gopallohar5534
    @gopallohar5534 Рік тому +1

    Maza aaya 👌

  • @webtalk4182
    @webtalk4182 Рік тому

    Hello sir I hope you would be good, I request you very meekly that please create the first project on class based component, if possible for you . Thank you❤

  • @rashmisharma3286
    @rashmisharma3286 Рік тому

    Sir I want to meet you personally to work ❤❤
    How to connect with you❤

  • @suraj_patwa
    @suraj_patwa Рік тому +1

    ❤❤

  • @venkataveerasomasekhardari5991
    @venkataveerasomasekhardari5991 4 місяці тому

    The course which you are providing here is invaluable. Because, it clearly explains each and everything of the code which we write here. Really thanks to you for providing us these amazing content.

  • @Vikrant441
    @Vikrant441 6 місяців тому

    🙌

  • @erranbahadurbk
    @erranbahadurbk 7 місяців тому

    ✊✊

  • @cfm901
    @cfm901 7 місяців тому

  • @brunohenrard
    @brunohenrard 4 місяці тому

    Thank you.

  • @Codemonsterr
    @Codemonsterr 10 місяців тому

    Awesome Content 👏🏼.. I want to know which vscode theme you're using..

  • @zodrax
    @zodrax 2 місяці тому

    12:48am ☕

  • @hasibalfuad9652
    @hasibalfuad9652 9 місяців тому

    Is the content same as the hindi one? I mean the course content. (I understand some hindi not much so that's why...)

  • @marvin1659
    @marvin1659 6 місяців тому

    Thank you for doing a DETAIL TUTORIAL bec. i learned a lot

  • @sukhwantsingh501
    @sukhwantsingh501 Рік тому

    We are supporting all the possible ways.
    Please help with the video which will include the coding to deploy on domain and link with database and after updating work on live servers.

  • @-EIE-HarshMishra-qn3ix
    @-EIE-HarshMishra-qn3ix 8 місяців тому

    sir your are so awesome 💯💯💯😎😎😎😎😎💯💯😎😎😎😎😎💯💯😎😎

  • @abdulaminkhan3275
    @abdulaminkhan3275 7 місяців тому

    sir your video is well explain and well structured that's what we like thanks for that sir as a beginner it is very help full to our community .

  • @AnkushSingh-rg6oe
    @AnkushSingh-rg6oe 3 місяці тому

    thank you so for this grate lecture free of cost 😇😇

  • @mostafashahat9760
    @mostafashahat9760 4 місяці тому

    Amazing video, thanks

  • @abdulaminkhan3275
    @abdulaminkhan3275 7 місяців тому

    plz contunue this series

  • @priyanshusharma92
    @priyanshusharma92 Рік тому

    Hey,are you going to cover Redux and any design framework like chakra ui, material ui etc... in this course.
    (BTW BIG FAN 👀)

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому

      Let’s go with tailwind, shadcn n as cutting edge as possible. Just give feedback (usually discord) and we will bring it.

  • @JuanOsvath
    @JuanOsvath 8 місяців тому

    thank you very much 🙏

  • @hello-ITworld
    @hello-ITworld 10 місяців тому

    Thanks Hitesh for doing great favor to others.... respect :)

  • @abdulaminkhan3275
    @abdulaminkhan3275 7 місяців тому

    thank you sir

  • @alexdin1565
    @alexdin1565 Рік тому

    this will be the loooongest course
    please can you skip unnecessary steps, because we can't follow if its take long time

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +2

      I can but it will be unfair for beginners who wants to start journey with this series so that they can understand all of our jargons like SSR, Zustand, params, routes etc

  • @kamadenu4582
    @kamadenu4582 Рік тому

    It's really required sir your way of teaching is soo good!!

  • @oyesaurabh
    @oyesaurabh Рік тому

    will it cover advance topics as well like hooks and all ?

  • @alexanderkomanov4151
    @alexanderkomanov4151 11 місяців тому

    Amazing! Thank you!

  • @fitnessfreak984
    @fitnessfreak984 Рік тому

    Bhai Ye wala video hai wo hi waha chai aur code ki react ki playlist mein jo 2nd Number ka video hai?

  • @vishwanatha6859
    @vishwanatha6859 8 місяців тому

    Thanks Hitesh Sir!

  • @mohd.maasir8198
    @mohd.maasir8198 Рік тому

    thanks sir !

  • @tyjjjj9730
    @tyjjjj9730 10 місяців тому

    Amazing video

  • @rastikrastikk2289
    @rastikrastikk2289 Рік тому

    Thank you

  • @mijana961
    @mijana961 Рік тому

    Keep it up sir,we love you ❤🎉

  • @madhummh77
    @madhummh77 Рік тому

    Keep going 💪

  • @HimanshuSingh-pd5wt
    @HimanshuSingh-pd5wt Рік тому

    Hitesh could you please upload videos faster on react

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +1

      Trying my best but such quality takes some time. 🙂

  • @74Bagas
    @74Bagas Рік тому

    let's go!!

  • @juanmacias5922
    @juanmacias5922 Рік тому

    Bun

  • @JashanpreetSingh-zh2de
    @JashanpreetSingh-zh2de Рік тому

    The best❣️

  • @lordseventh7
    @lordseventh7 Рік тому

    Amazing

  • @adarsh9947
    @adarsh9947 Рік тому

    Hitesh bhaiya 2sal ka gap hai job lg jayegi

  • @adarsh9947
    @adarsh9947 Рік тому

    Aap course dedication se learn kr rh hu

  • @souravbiswas56677
    @souravbiswas56677 Рік тому

    any live today sir?

  • @aim-frontend
    @aim-frontend Рік тому

    Guru ji Hindi react series pr bhi thoda dhyn dene ka kripa kare 😅

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому

      to aap bol rhe ki vaha dhyaan nhi de rhe ? ya vaha video nhi aa rhe ?

    • @itssaifcode
      @itssaifcode Рік тому

      Aarhe hai

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому

      to fir unhe dekho sir, appreciate kro, share kro. Hame b motivate kro. ❤️

    • @aim-frontend
      @aim-frontend Рік тому

      @@HiteshCodeLabsir ji actually I have already wasted so much time searching good react source, I even purchased one of udemy courses of react but that was not as good as I expected and after all I discovered your channel few days back 😁 and without any shadow of doubts I can say u are teaching so well, means can't explain in words/ sentence... I have already wasted so much time ,now I want to complete react as soon as possible 😅

  • @DUXT3R_GAMING
    @DUXT3R_GAMING Рік тому +1

    What is going to be different in this React series? I mean, I'm one of your oldest subscribers, and personally, I have learned JavaScript and React from your series on LCO. Thanks to your previous courses, I managed to secure a job with a 10+ LPA package, despite having a BCA degree from a tier 3 college, and I'm now working as a Frontend Engineer. Your previous courses already provided a solid foundation, and I'm excited to see how you'll take it to the next level in this new React series. Your teaching style and the way you explain complex concepts always make learning enjoyable and effective.

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +4

      This one is definitely going to set some high bar in both paid and free content world.
      As it did on my Hindi channel

  • @sonu__kushwaha
    @sonu__kushwaha Рік тому

    Please added subtitles

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому

      UA-cam will add them automatically in some time.

  • @arpitham8104
    @arpitham8104 6 місяців тому

    Good thing about these series is that it’s given the order like 1 2 3 and so on…it really helps to keep track of learning…thanks for coming up with this thought😊🫡