ReactJS Tutorial 40 - React Context API 🔥

Поділитися
Вставка
  • Опубліковано 27 вер 2020
  • ReactJS Tutorial 40 - Hooks - Context API 🔥 🔥
    1)React is an open source javascript library for building user interfaces.
    2)React is a project created and maintained by Facebook.
    React has more than a 100 thousand stars on GitHub and a huge community behind it.
    3)React has become increasingly popular among developers and is also one of the most sought out skill-sets by companies right now.
    4)React has a component based architecture. This lets you break down your application into small encapsulated parts which can then be composed to make more complex UI.
    5)React is declarative.
    6)React will make it painless for you to create complex UIs by abstracting away the difficult parts.
    7)React will handle efficiently updating and rendering just the right components in your application when your data changes.
    8)DOM updates which is one of the more expensive operations is handled gracefully in React.
    Family ❤
    Our Family - 125 ,000
    Like Aim - 2500
    Subscribers Aim- 200,000
    Subscribe to stay tuned to more fun and informative content, consider liking the video in order to vouch for quality 🤗!!
    Follow me on:
    Instagram: / sunejaajay
    Linkedin: / ajaysuneja
    ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
    ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
    ╠╗║╚╝║║╠╗║╚╣║║║║║═╣
    ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
    Technical Suneja Shorts⭐
    ► ua-cam.com/channels/rEb.html...
    ⭐ My Telegram Group Link:
    ► t.me/joinchat/V53dTczAWc52IrLv
    ⭐ What is CI/CD? 🤔
    ► ytube.io/3OqB
    ⭐ My Recent Project Experience | ReactJs, Gatsby framework (Front End Technologies ) 👩‍💻 🤔 Vlog27 ► ytube.io/3LsN
    ⭐ My Recent Interview Experience on Javascript
    ► ytube.io/3OqC
    ⭐ Vlog13:Support vs Development Jobs? Projects? What to choose | Coding होती भी है?🤔 | My Experience ► ytube.io/3Og8
    ⭐ Front End Interview Series (Modern JavaScript ES6 Tutorial by Technical Suneja )
    ► bit.ly/3CkjENa
    ⭐ Free Resouces
    1) Basic Javascript ► bityl.co/7XiW
    2) ES6 full course ►
    * Video: ytube.io/3JDb
    * Proper Documentation: bityl.co/7XnW
    3) Aao_Sikhe_Javascript (DS & Algorithms Course ) ► ytube.io/3JDZ
    3) Git and GitHub Training - Zero to Hero ►
    ytube.io/3JDa
    ytube.io/3OqD
    4) ReactJS Tutorial for Beginners to Advanced ►
    ytube.io/3JDc
    5) Angular Tutorial for Beginners ► ytube.io/3JDv
    5) Node.js and Express.js ► ytube.io/3JDd
    6) HTML & CSS Tutorial ► ytube.io/3JDt
    7) Final Project ► ytube.io/3JDe
    🔥 Instagram ► / sunejaajay
    ⭐ Want Webhosting service ?
    If you are planning to host your website in a very decent amount you can contact us on the given numbers.
    Contact Details :
    1. +91-9990131528
    2. +91-8529119425
    More Details (Visit our website ) ►hosting.technicalsuneja.com/
    I believe that this vlog will help you to understand better in terms of career growth.
    Put your comments and share your experience with us if you like this vlog. Also if you have some suggestions then please suggest them in the comment box.
    ⭐ Support vs Development Jobs? Projects? What to choose
    ►ytube.io/3K5i
    ⭐ Off-Campus Job Placements Complete Roadmap ► ytube.io/3JpA
    ⭐ Latest IT Vlogs :
    ► ytube.io/3Ik9
    ⭐ Wednesday Episodes By Technical Suneja
    ► ytube.io/3FIN
    ⭐ Coding Stuff :
    ► / technicalsu. .
    ⭐ ReactJS Tutorial For Beginners. :
    ► ytube.io/3FIL
    ⭐ CTC v/s IN HAND SALARY | Huge Packages Explained🤔 GOOGLE, MICROSOFT, Facebook! 🔥
    ► ytube.io/3FIF
    ⭐ Top 5 Programming languages for 2021
    ► ytube.io/3FIH
    ⭐ Best Top 5 Frontend Frameworks of 2021 for Web Development
    ► ytube.io/3FII
    ⭐ 10 Generic steps to becoming Javascript Developer | Frontend & Backend Both🔥
    ► ytube.io/3FIJ
    ⭐ Best LinkedIn Tips for Job seekers in 2021 - Proper Utilisation of LinkedIn 🔥
    ► ytube.io/3FIK
    ⭐ My Thoughts on Web Development & Mobile App Development - Which is better?
    ► ytube.io/3FIS
    ⭐ Competitive Programming vs Software Development - Where Should I Invest My Time? 🔥
    ► ytube.io/3FIR
    ⭐ My Thoughts on Mean Stack Developer - Are you looking for a FullStack Developer?🔥
    ► ytube.io/3FIQ
    ⭐ My Thoughts on Full Stack Developer - Perfect Path 🔥🔥
    ► ytube.io/3FIP
    reactjs tutorial, reactjs tutorial for beginners, reactjs tutorial in hindi, reactjs projects, reactjs basics for beginners, reactjs tutorial in hindi technical suneja, reactjs technical suneja, react js by technical suneja, react js tutorial, react js code with harry, technical suneja web development, technical suneja react js, technical suneja react, react tutorial in hindi, react tutorial in hindi, react tutorial beginner to advanced, react tutorial hindi
    #reactjs #webDevelopment #technicalSuneja

КОМЕНТАРІ • 46

  • @TechnicalSuneja
    @TechnicalSuneja  3 роки тому +3

    Give this video a thumbs up if you liked it . Your feedback will improve the quality of upcoming videos.🔥

  • @vinunikhare9334
    @vinunikhare9334 3 роки тому +1

    Maja aa Gaya bhai aapki context API ka video dekhake mere almost all doubts clear kiye aapne thanks for providing this awesome content keep it up & make more video

  • @dx497
    @dx497 2 роки тому

    bro i visited this channel for first time and i am loving your teaching, thanks buddy for sharing knowledge

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

    Crystal Clear Explanation. Thank you so much.

  • @ajaywadhwa3398
    @ajaywadhwa3398 2 роки тому

    Crystal Clear explanation bro !!!!

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

    Ek number bhai...bahut achhe se samjaya😊

  • @Abhi-ow6xe
    @Abhi-ow6xe 3 роки тому

    Thanks bro 😍😍😍
    Cleared all doubts

  • @saifansari6707
    @saifansari6707 3 роки тому

    Bahot sollid tha bro even i am experienced person it seems good understanding for fresher as well 👍

  • @abhishekbisht5157
    @abhishekbisht5157 3 роки тому +1

    After long time😘😘

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

    Excellent!!!

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

    Thanks, Helped me a lot❤

  • @chotu5706
    @chotu5706 2 роки тому

    well explained brother🎉🎉🎉

  • @puneet4419
    @puneet4419 3 роки тому

    Great tutorial sir

  • @samiran__roy
    @samiran__roy 3 роки тому

    sir you are awesome. ❤️

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

    Simple sushil bhut acha 😂😂😂😂....

  • @jadhavgaurav7593
    @jadhavgaurav7593 2 роки тому

    Purity🤗

  • @shivamrai1322
    @shivamrai1322 3 роки тому +1

    ❤️❤️❤️

  • @ashlex7534
    @ashlex7534 3 роки тому

    thank you bhaiya

  • @nitishgupta8393
    @nitishgupta8393 3 роки тому +1

    2 word, thank you

  • @AnilSahu-zx6wk
    @AnilSahu-zx6wk Рік тому

    Bhaiya apke new video dekhe the DS logic wale, usme apka pura body aata h code ke side me. Wo wala tarika accha h, current video me ap corner pe rhte ho, to apki body langaue jada nhi dikhati. By the way this series is very good. I reach to 4oth video today and i plan to complete it today whole series. Thanks for your hard working. Really u have very tight schedule, even u sacrifice ur sleepless night to give this wonderful content.

  • @SurajKumar-cq5ou
    @SurajKumar-cq5ou 3 роки тому

    Soon reach 50k subscribe

  • @udayjprg2988
    @udayjprg2988 2 роки тому

    Thanks for uploading the video.. but I have a doubt
    The whole concept is sending data from A --> C without importing C in A.. which you did at 9:27
    But why did you import C in A while sending data from A --> C at 10:30?
    I've followed your video and can able to send roll(data) from A --> C and also send name(data) from A --> B without importing C in A.

  • @aryangurav2064
    @aryangurav2064 3 роки тому

    Sir aap php ke yii2 framework ka tutorial banaoge kya? Please...

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

    Hey, aap kab redux k liye video banynge. I need it

  • @sandeepjainwp
    @sandeepjainwp 3 роки тому +1

    please explain with writing code otherwise many viewer got confuse

  • @Quantum-Gamer
    @Quantum-Gamer 2 роки тому

    yor all videos completed of react series please make on project of react brother

  • @robinsaini8460
    @robinsaini8460 3 роки тому

    aaj interview me mujhse pucha tha isko

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

    Sir I'm getting type error when I'm passing roll no. Data

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

    why you are using class components ?

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

    yar brother redux py or flux py video create kardo please in dono ka kiya kam hota hain or what is the different between please

  • @S4LTYT
    @S4LTYT 3 роки тому

    make video on react redux

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

    I copied everything word to word, but still i got 7 errors.. i tried changing the arrow function syntax and all but still 7 errors.. next day i watched the 2nd part of context api, coded same, still 7 errors.. mannnnn i got headache figuring out what was wrong.. then tried something else, commented out the B component got-4 errors, undo commenting, then commented out C component-got 4 errors.. then commented out both B and C components and surprisingly 0 errors and the display is visible 😭
    Then i found out:
    I called the and components in the App.js file while adding the component by mistake 😓😅

  • @mahantgenix
    @mahantgenix 3 роки тому +1

    Hello sir
    I have a great idea and we are already working on it but we need help in coding .
    So if you can help me coding please give me a way to contact you
    We don't have money now but in future all ad revenue we will make we are ready to share you some amount of revenue with you
    And we will also give you credits of your work

  • @madhvigupta6232
    @madhvigupta6232 3 роки тому

    how long this series will take to finish as looking fast to learn...time constraint i have

    • @madhvigupta6232
      @madhvigupta6232 3 роки тому

      let me know if u answer my question ???or else should I start another react js tutorial :)

  • @farzamyousuf3354
    @farzamyousuf3354 3 роки тому

    data.name work nahi kr raha hai bro

  • @InspiringPositiveQuotes1196
    @InspiringPositiveQuotes1196 3 роки тому +1

    suneja bhai apny redux k b tutorials banany hai ?

  • @nikhil_gogineni_11
    @nikhil_gogineni_11 3 роки тому +1

    Bro, You kidding? You have removed the component C from B and directly used C in A that doesn't mean that the data is passed from A to B and then from B to C. Its actually being passed from A to B and again A to C. PLEASE REVIEW THE CONTENT BEFORE YOU UPLOAD IT!!!

    • @TechnicalSuneja
      @TechnicalSuneja  3 роки тому

      Hi Nikhil ,
      Not sure if you have watched the entire video or not 🙂
      I have explained everything with or without context API.
      Please watch once again and let me know if you have any concern.

    • @TechnicalSuneja
      @TechnicalSuneja  3 роки тому

      For quick solution .. please watch last wala part ..it will help you to understand better.❤️

    • @nikhil_gogineni_11
      @nikhil_gogineni_11 3 роки тому

      @@TechnicalSuneja Yes, I have seen the entire video. You have brought the Component C from B and now replaced in A right? So the B and C are the children of A now. Which means the B & C have no direct relation. Then how the data is passed from A -> B and then B -> C?