REACT JS is Super Easy | Full Tutorial from Beginner to Advanced [Moye-Moye Edition]

Поділитися
Вставка
  • Опубліковано 25 чер 2024
  • In this video, I have tried to cover every topic that you need to know for learning React JS completely.
    We have covered Basic Topics like:
    1. Props and Prop Drilling
    2. Hooks - useState, useEffect, useRef
    3. Forms in React
    4. Mapping Components
    5. Conditional Rendering
    6. Node Package Manager (NPM)
    Advanced Topics like:
    1. React Router DOM
    2. Code Optimisation Tips
    3. Redux
    4. Redux Toolkit
    5. Redux Persist
    6. Context API
    7. Best Folder Structure for React
    #reactjs #react #reactjstutorial #html #css #javascript #webdevelopment #webdevelopmenttutorial #mernstack #mern
    Timeline:
    0:00 - MOYE MOYE
    0:49 - Downloading Required Dependencies
    2:24 - Creating First React JS Application
    4:48 - The Folder Structure
    8:58 - Running First React Application
    9:55 - Screens and Components
    12:30 - Creating First Screen
    17:44 - Introduction to Components
    21:46 - Props
    30:22 - Code Optimisation Tip 1
    34:50 - Making a Form in React
    40:44 - Conditional Rendering
    48:36 - Mapping Components
    59:30 - Introduction to Hooks
    1:05:07 - useState() hook
    1:12:48 - useEffect() hook
    1:23:13 - useMemo() hook
    1:33:15 - React Router DOM
    1:36:03 - Node Package Manager
    1:40:44 - Continuing React Router
    1:49:00 - Redux
    2:16:00 - Redux Persist and LocalStorage
    2:23:05 - Context API
    2:36:30 - Code Optimisation Tips for Better Placements
    📨 Email For Business Enquiries: businesswithtanishgarg@gmail.com
    🧑🏻‍💼 Follow me on LinkedIn: / tnshgarg
    🏠 Join us on Telegram: t.me/codingtown
    💁🏻‍♂️ Follow me on Instagram: / tnshgarg10
    Subscribe for more of such content :)

КОМЕНТАРІ • 106

  • @Unnamedninja2001
    @Unnamedninja2001 6 місяців тому +3

    thanks man i think this single course contains most of the react stuff and im really excited to take this course thanks bro

  • @sanskritisharma1307
    @sanskritisharma1307 28 днів тому +5

    highly recommended .
    I think this is the one and only video that describes react js propperly😇

  • @Rohit-Rai732
    @Rohit-Rai732 5 місяців тому +23

    Timeline:
    0:00 - MOYE MOYE
    0:49 - Downloading Required Dependencies
    2:24 - Creating First React JS Application
    4:48 - The Folder Structure
    8:58 - Running First React Application
    9:55 - Screens and Components
    12:30 - Creating First Screen
    17:44 - Introduction to Components
    21:46 - Props
    30:22 - Code Optimisation Tip 1
    34:50 - Making a Form in React
    40:44 - Conditional Rendering
    48:36 - Mapping Components
    59:30 - Introduction to Hooks
    1:05:07 - useState() hook
    1:12:48 - useEffect() hook
    1:23:13 - useMemo() hook
    1:33:15 - React Router DOM
    1:36:03 - Node Package Manager
    1:40:44 - Continuing React Router
    1:49:00 - Redux
    2:16:00 - Redux Persist and LocalStorage
    2:23:05 - Context API
    2:36:30 - Code Optimisation Tips for Better Placements

  • @SandipPrajapati-wq3so
    @SandipPrajapati-wq3so 3 місяці тому +6

    Abhi tak react me doubts rehte the but after watching your video , i feel easy in react.... amazing explanatipn in less time. Optimize time

  • @Kuldeep-bgmi
    @Kuldeep-bgmi 5 місяців тому +2

    Love from Delhi bro react abhi 30 minute kiye hai bahut asan tarike se btaya hai easy lg rha hai mze aa gye bro thank you so much bro aesi video bnane ke liye ❤

  • @fayan02126
    @fayan02126 5 місяців тому +2

    Bhai aise he tutorial laiye aap bhot acche se explain kiye ho aaap ☺️ thankyou! Mereko Mern stack pura atta h but apka videos ka baat he kuch aur h .. gold level explanation💛

  • @kmahendra6691
    @kmahendra6691 2 місяці тому +1

    after learning angular I came here to learn to React JS and hope for the best. Thank you!

  • @nischayjain1304
    @nischayjain1304 5 місяців тому +3

    Very Nice way and pattern of teaching, I do recommend watching this to everyone who reads my comment. This guy is awesome🎉🎉

  • @ubaizalikhan6979
    @ubaizalikhan6979 19 днів тому +1

    Excellent tutorial, Now I feel confident

  • @dipalibidave6623
    @dipalibidave6623 4 місяці тому +3

    your learning is so goood..............,all concept are very clear thank u so much...

  • @prathima2738
    @prathima2738 3 місяці тому

    Awsome explaination within short time. Keep doing more technical stuff.

  • @user-kz5qp8qo4e
    @user-kz5qp8qo4e 4 місяці тому +1

    The best of all the videos on UA-cam

  • @user-rv9bh5vb5x
    @user-rv9bh5vb5x 4 місяці тому

    Awesome React 1 shot tutorial, It easy to understand and helpful for beginners. Thanks bro

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

    I learnt vocabulary, art, biology and react in one single video 😂....btw nice tut bro 👏❤

  • @mii9605
    @mii9605 4 дні тому

    dil se thank uh bro..its so helpful❤

  • @Ravi-bp2nu
    @Ravi-bp2nu 6 місяців тому +2

    are bhai bhai bhai bhai bhai kamaal kar dia

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

    Bhaiiii literally you killed in react course!!!🔥🔥

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

    What a energetic intro 😍😍😍

  • @Rohityadav-fl2gx
    @Rohityadav-fl2gx 6 місяців тому +1

    Excellent teaching ❤❤❤

  • @stay_tunned
    @stay_tunned 5 місяців тому +1

    Bro u r doing amazing that for provide such information god bless u

  • @user-bb1gz2rw1o
    @user-bb1gz2rw1o 4 місяці тому

    Great Tutorial Video.

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

    awesome tutorial 💯🔥

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

    Great video 👍🏻 very helpful

  • @Radhe-Radhe179
    @Radhe-Radhe179 2 місяці тому

    Thank you bro... It's such a helpful video😊....

  • @NituGargTeaches
    @NituGargTeaches 4 місяці тому +1

    Awesome explanation

  • @justfilmi397
    @justfilmi397 11 днів тому

    You are just awesome. Great explanation.

  • @Rohityadav-fl2gx
    @Rohityadav-fl2gx 5 місяців тому

    Amazing course

  • @saarza9991
    @saarza9991 14 днів тому +1

    Earlier I was confused about react
    After watching this video now I'm more confused

  • @user-tj1zy7rb2r
    @user-tj1zy7rb2r 4 місяці тому

    Great learning bro, negative commenters are those either not able to catch or to make fun, so let them do moye moye 😋

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

    This is helpful ❤

  • @razygamerks8226
    @razygamerks8226 6 місяців тому +1

    bro keep it up

  • @aaayyuush
    @aaayyuush 19 днів тому

    bro,can you tell me the extension you used to remove import which are currently not in use??

  • @ashbannadeem1838
    @ashbannadeem1838 25 днів тому

    bhi start acha tha lakin redux tak atay atay level down ho gya phir b thank you very much 💓💓

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

    On 1:21:10, if we have a button to reset age to default 13 again what to do

  • @musicplace3265
    @musicplace3265 5 місяців тому +1

    Bhai awesome video hai level hai isi video kay related aik project bana day with use api

  • @user-ky3iu4lm5t
    @user-ky3iu4lm5t 2 місяці тому

    Nice explaination and tutorial ... Just one request you can provide people with code and concepts.

  • @myhoney7045
    @myhoney7045 5 місяців тому

    Nice 👍

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

    Sir , React js mai Class Component Padhne ki need hai kya, Class Component react mai chord sktey h ? Interview mai koi dikkat to nhi hogi

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

    Thanks ❤

  • @kuldeepsikarwar85
    @kuldeepsikarwar85 3 місяці тому

    ...Shandar

  • @musicplace3265
    @musicplace3265 5 місяців тому +1

    very very good video in my life ... averthing is clear

    • @musicplace3265
      @musicplace3265 5 місяців тому

      Bhai end hai yay video isi video kay related aik project bana day with api plz

  • @coderprakash
    @coderprakash 6 місяців тому +1

    Please make same video for typescript 🤝

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

    ERROR in ./src/Screens/About.js 4:0-29
    Module not found: Error: Can't resolve './react ' in 'C:\Users\sugsr\OneDrive\Desktop\React\myapp\src\Screens' -- I am getting this erroe while importing the about component file to App.js..please provide solution?

  • @heritagetour4114
    @heritagetour4114 5 місяців тому

    Bhai ye mera props highlighted nahi aaraha kuch install karna tha kya?

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

    thanks bro

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

    good content bro

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

    I am not able to download react some error is coming when I run it on terminal

  • @Sejalkathane02
    @Sejalkathane02 3 місяці тому +1

    Thanks a lot 🙇 , Great Explained.😊

  • @siddhantgupta8109
    @siddhantgupta8109 6 місяців тому +1

    thanks

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

    hi bro great video . one suggestion you should have a platform where we can connect with you and take guidance . for eg topmate

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

    Brother pls create a dedicated video on redux toolkit .

  • @Yash.pixels
    @Yash.pixels 6 місяців тому +1

    thankyou ! please guide use to built e-commerce only frontend part with react ! that would be helpful

  • @kunalKNbloger909
    @kunalKNbloger909 3 місяці тому +6

    You tech " 🔥Wrong props 🔥 " that is not working . 32.00

  • @user-sk2pt7mq8n
    @user-sk2pt7mq8n 4 місяці тому

    Wow yar great ye to sach Mai Moye Moye 😂Great best react course

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

    1:10:32 what is this extenison that typed password is not defined in red colour?

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

      whats the name of extension

  • @GIS-Engineer
    @GIS-Engineer 2 місяці тому

    How to deployment nodejs application on Tomcat server

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

    please make video on react native

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

    Hello bro ek react native ka tutorial bhi bna do aapke backend tutorial se kaafi kuch Sikha thanks

  • @tsdonalds1668
    @tsdonalds1668 5 місяців тому

    13:08 boiler plate code

  • @Adityaraj-zu1rk
    @Adityaraj-zu1rk 6 місяців тому +6

    Bahut hi adhbhut video aur padhane ka tarika cazual nahi kafi acha hai

  • @designertechayaz
    @designertechayaz 16 днів тому

    Bhut fst ho bhai

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

    Bro, create react video editor with features like trim the video, split the video, add text in video, crop the video and then download the modified video.
    Abhi yee mat bolna ki tumhara bhi moye moye ho geya😆

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

    Moye moye kra diya bhai tune😂😂

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

    Bro js ache se krne ke baad next js kru ??? Kyuki usme react bhi hai ya pehle react kru???? I want internship ASAP

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

    Next js tutorial

  • @rishusingh1995
    @rishusingh1995 3 місяці тому

    Bhai tum pure sexy ladke ho✌️✌️😁 best ReactJS tutorial on UA-cam

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

    Bhai app(tu) memer e thik ho(he). Yea video dekh ke mera sar dard hogya, iss se pehle 11 hr+ dusra course bhi cmplt kar liya nahi hua tha. + Sound thik karo(kar) bar bar adjust karna padh raha.

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

    bro where are the codes and notes??...you are telling in video to upload it..where is it?

  • @ramizch1739
    @ramizch1739 4 місяці тому +1

    javascript tutorial for react please

  • @jawanme
    @jawanme 6 місяців тому +1

    Tanish, thanks a lot brother for this video. could you please give us GITHUB code link for this video. Many thanks Again...

  • @nayeempatwegar7396
    @nayeempatwegar7396 3 місяці тому

    Hello please can anyone help me I have created react app and all executed but next day when I restart vs code how to restart the react appp

  • @TECHYPRC
    @TECHYPRC 6 місяців тому +4

    👀👀👀 I am dumpling dumpling hello hunny bunny 🐰

  • @manasuniyal2897
    @manasuniyal2897 3 місяці тому +1

    Ese disclaimer kon deta hai beginning me hi .

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

    sir one video backend ka plz

  • @learndev516
    @learndev516 6 місяців тому +1

    moye moye ✌

  • @sumanbiswal6953
    @sumanbiswal6953 5 місяців тому

    Nice👍🏻👍🏻 so much of info tq.....some w3s also😅😅..

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

    mapping mai problem aa rahi hai

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

    bhae expensive calculation use kyu kiya ye to batao

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

    ben stokes kya bnaye ho be maja aagya

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

    0:14 bye bye

  • @john-dh7lu
    @john-dh7lu 5 місяців тому

    Kya ye video enough h react k liye???

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

    What Tumne Tanish Bhaiya se React nhi pdhi
    Moye Moye Moye Moye😂

  • @AlokSingh-yi5px
    @AlokSingh-yi5px Місяць тому

    Bro where is code

  • @Akshay-Malthane
    @Akshay-Malthane 29 днів тому

    Most imp thing, API integration to bataya hi nh

  • @udaychaudhary13
    @udaychaudhary13 6 місяців тому +1

    Thank u tanish for this course
    Please don't get demotivated by the views on this video
    People will always learn how to become a developer
    They will never take action on it.
    Moye Moye

  • @HacksaurTales2.0
    @HacksaurTales2.0 5 місяців тому

    Ok m chlta hu

  • @rohitk472
    @rohitk472 6 місяців тому +1

    bro whats ur age.... u looks so young 😅😅😅

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

    World's best JS course 1 completed ✅.....
    Going to start part-2.......🎉

  • @user-ld9ws6tz7c
    @user-ld9ws6tz7c 5 місяців тому +2

    kyo tera 22 lakh package tha tera or tu youyube par veido bana raha hai vah beta .

  • @SuperNirupam
    @SuperNirupam 4 місяці тому +1

    Chal be

  • @MusaZeshan-qm9ru
    @MusaZeshan-qm9ru 2 місяці тому

    Well sir with all due respect I think you should act more like an adult rather than acting a child.

  • @bitdender
    @bitdender 17 днів тому

    2 din max

  • @rahulgolam5306
    @rahulgolam5306 3 місяці тому +1

    BEKAR

  • @gametalk04
    @gametalk04 Місяць тому +1

    Not recommended for beginners 😷

  • @arkansavalder
    @arkansavalder 24 дні тому

    rola chaudhar ka chale chori se jaata ki