What is JSX? | Transform JSX with Babel | The Complete React Course | Ep.04

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 83

  • @procodrr
    @procodrr  ปีที่แล้ว +7

    Watch this video before Babel Setup: th-cam.com/video/VnIUmD8Nj68/w-d-xo.html

  • @reezayn
    @reezayn 10 หลายเดือนก่อน +24

    Totally underrated channel.
    Just found this channel and went through this series and finished 5 videos. I am a developer but I have very little knowledge on how react actually works. I found a gem in the form of this playlist.
    Love from Nepal. ❤

    • @procodrr
      @procodrr  10 หลายเดือนก่อน +8

      I'm glad you liked the course. Keep learning and sharing 😊

  • @laxmipriyaroutray8558
    @laxmipriyaroutray8558 4 หลายเดือนก่อน +2

    I started watching react videos but I couldn't understand anything . Before this React course I completed your Javascript videos and I know how you are trying to make it easy to understand. That's why I watched one video for five times and now when I finished watching video no -5 I think how easy it was and why I couldn't understand. Afterall Thank you very much bro😊. Ab esa feel hota hai ki ghar mai Anurag bhai hai jinse mai ye doubt clear karwa dungi.

  • @nityanand9773
    @nityanand9773 9 หลายเดือนก่อน +1

    I am also a developer and learnt a lot from you what a explanation and in depth knowledge this type of topics shouldn't even discussed in live Bootcamps.

    • @procodrr
      @procodrr  9 หลายเดือนก่อน +1

      Thank you so much, I'm happy that someone is understanding the depth and value of this course.

  • @dhruv1877
    @dhruv1877 6 หลายเดือนก่อน +2

    this type of deep concept teaching i never seen great sir...

  • @nobody20022
    @nobody20022 6 หลายเดือนก่อน +4

    Summary:
    JSX stands for JavaScript XML. It's a syntax extension for JavaScript to describe what the UI should look like. It allows us to write HTML-like syntax directly within JavaScript code, making it easier to visualize and work with the structure of user interfaces. Under the hood, JSX gets transpiled into regular JavaScript function calls, typically React.createElement() calls, which ultimately create the necessary elements for the user interface.

  • @pubgwala5104
    @pubgwala5104 10 หลายเดือนก่อน +3

    Really in depth knowledge

  • @aditiagarwal7574
    @aditiagarwal7574 6 หลายเดือนก่อน +7

    Those who are saying samajh nahi aya ya confusing laga...they should first watch the JS series. Uske baad bht ache se samajh ajaega sab bht jaldi

    • @procodrr
      @procodrr  6 หลายเดือนก่อน +3

      Correct 👍

    • @vanshkumar-9042
      @vanshkumar-9042 6 หลายเดือนก่อน +1

      Absolutely!!

  • @riajikbal2938
    @riajikbal2938 5 หลายเดือนก่อน +1

    Your tutorials are great sir

    • @procodrr
      @procodrr  5 หลายเดือนก่อน

      Awesome, keep learning and growing 😊

  • @hrithikrudra4292
    @hrithikrudra4292 ปีที่แล้ว +4

    Gem content ❤

  • @ajaymude4795
    @ajaymude4795 ปีที่แล้ว +2

    Great quality sir

  • @aryangupta2294
    @aryangupta2294 5 วันที่ผ่านมา

    Maja aa gya kya explain krte ho sir aap

  • @premmourya7060
    @premmourya7060 ปีที่แล้ว +6

    Last k 10-15 min dimag ghoom gya sir installation m 😅

    • @procodrr
      @procodrr  ปีที่แล้ว +4

      Koi baat nahi 😃😃, tumare liye ye kaafi naya hoga.
      Waise kaam kar gya ya nahi?

    • @premmourya7060
      @premmourya7060 ปีที่แล้ว +2

      @@procodrr nahi last m error aarhi kuch smjh nhi aarha

    • @premmourya7060
      @premmourya7060 ปีที่แล้ว +1

      Lib folder wala matter smjh nhi aaya

    • @procodrr
      @procodrr  ปีที่แล้ว +3

      Telegram par screenshot bhejo.

    • @premmourya7060
      @premmourya7060 ปีที่แล้ว +1

      @@procodrr bhejta. Hu

  • @GauravSingh-id2mf
    @GauravSingh-id2mf ปีที่แล้ว +2

    great lecture

  • @lovelymusic3549
    @lovelymusic3549 ปีที่แล้ว +4

    Sir some people on TH-cam says that react is now ending and you should go for next JS what you think about this news?

    • @procodrr
      @procodrr  ปีที่แล้ว +6

      Next.js is nothing but a framework for React.js that means in order to understand Next.js you should know React.js first.
      According to me
      Next.js = 95% of React.js + Some Extra Features
      So, don't worry React.js is not going anywhere.

  • @akshayshukla5389
    @akshayshukla5389 2 หลายเดือนก่อน

    tysm sir jii

  • @harpreetkamboj9959
    @harpreetkamboj9959 3 หลายเดือนก่อน

    please sir help me i install node ,all the commands are run but there is no other lib folder is created and only one js file ..how should i work on this

  • @sidrayousaf2461
    @sidrayousaf2461 ปีที่แล้ว +1

    sir apne js k sth course bnaya h react app create kr k ku nh bnaya??? aisy complex lg rha

    • @procodrr
      @procodrr  ปีที่แล้ว +1

      Aisa isliye banaya hai taki behind the scenes kya ho raha hai achhe se samajh aaye.
      Aur agar tumhe JavaScript and DOM manipulation sahi se aata hai to mushkil nahi lagega.

  • @VideoEditor-I
    @VideoEditor-I 7 หลายเดือนก่อน +1

    sir i am a beginner cant understand this should i continue with this ?
    sir i am afraid of getting errors ?
    so i didnt did anything as u said just watched it
    any of error comes it lots of time to find why this error is coming and how to prevent it? watching videos on youtube takes lots of time
    any solution ??

    • @gayatrirawat852
      @gayatrirawat852 7 หลายเดือนก่อน +3

      firstly believe in yourself and don't worry... take your time, and start coding along with the mentor whether you understand it or not, like copy-paste. watching videos only will not work, don't be afraid to get errors...there are many platforms where you can ask questions like chatgpt, StackOverflow and many more. Start coding!!!!! Something is better than nothing.

    • @vanshkumar-9042
      @vanshkumar-9042 6 หลายเดือนก่อน

      ​@@gayatrirawat852 great suggestion 👍👍

  • @JourneyStarted-e4g
    @JourneyStarted-e4g 9 หลายเดือนก่อน

    Hello Anurag sir,
    Does this playlist covers complete react course needed to get an internship?? plz reply

    • @Pain6944_
      @Pain6944_ 8 หลายเดือนก่อน

      this playlist is enough for you to get a job as a associate frontend developer if you actually learn from it and not just watch it.

  • @Ashish_Kumar30
    @Ashish_Kumar30 ปีที่แล้ว +2

    hii sir, actually i got a internship as sde trainee but the organization provide me react native technology but i know only js core fundamentals not advanced concept so bascially i was just know that, should i learn react native without doing react js and advanced concepts of js? if yes then it is good.
    And one more can you pls tell me a great react native resource on youtube

    • @procodrr
      @procodrr  ปีที่แล้ว +2

      I don't know any good resource for React Native on TH-cam because I myself personally have not learnt React Native.

  • @shivamanand8194
    @shivamanand8194 11 หลายเดือนก่อน +1

    Sir mera ek doubt hai, babel mera hellow ko convert karke ek object banata , but jab lib ke andar jo script hai usme react.createElement('h1',{},"hellow") kon karta hai

    • @procodrr
      @procodrr  11 หลายเดือนก่อน +4

      Babel hellow ko object nahi banata. Babel iss JSX ko React.createElement('h1',{},"hellow") mein convert karta hai.
      Aur React.createElement usko ek object banayega.

    • @shivamanand8194
      @shivamanand8194 11 หลายเดือนก่อน +1

      To sir jab ham , lat div=hellow ko console karte hai to wo react.createElement('div',{},"hellow") kyu nahi aata hai, tab wo ek object aata hai

    • @procodrr
      @procodrr  11 หลายเดือนก่อน +3

      @shivamanand8194
      Tum ye likh kar check karo.
      let div= React.createElement('div',{},"hellow")
      Aur div ko console.log karo.
      Aisa karne par bhi React.createElement nahi aayega kyu React.createElement ek function hai aur usko ham call kar rahe hain.
      To uski jo return value hai joki ek object hai wo aayega.

    • @shivamanand8194
      @shivamanand8194 11 หลายเดือนก่อน +1

      Samajh gaye😊. Thank you sir ❤❤

    • @procodrr
      @procodrr  11 หลายเดือนก่อน +3

      @shivamanand8194
      Awesome, keep learning and sharing 😊

  • @NBLOAFI
    @NBLOAFI ปีที่แล้ว +1

    your teaching skills outstanding👍, but no one teach this concept when teaching react why?

    • @procodrr
      @procodrr  ปีที่แล้ว +6

      Because these things are not mentioned in the React documentation.
      React documentation directly starts with creating components. And everyone cover only those topics that are mentioned in the React Docs.
      But I focus on how things are working behind the scenes that's why I covered these topics before learning components.
      And thanks for your support ❤️
      Keep Learning and Sharing 😊

    • @NBLOAFI
      @NBLOAFI ปีที่แล้ว +1

      @@procodrr ok thanks

  • @shivamom0298
    @shivamom0298 5 หลายเดือนก่อน +1

    sir babel setup hme aisse hi bar bar setup krna hoga jb hm new project bnayenge or alag alag project bnayenge.

    • @procodrr
      @procodrr  5 หลายเดือนก่อน +1

      Aage se jab naya project banayenge to Vite use karenge. Wo saara setup automatically kar ke de dega. Ye bas samajhne ke liye hai.

  • @JourneyStarted-e4g
    @JourneyStarted-e4g 9 หลายเดือนก่อน

    Hello Anurag sir,
    Does this playlist covers complete react course needed to get an internship??

    • @procodrr
      @procodrr  9 หลายเดือนก่อน +2

      Yes

  • @sandeepvishwakarmaup
    @sandeepvishwakarmaup 9 หลายเดือนก่อน +2

    sir npm install nhi ho pa raha hai kaise aap kiye hai

    • @procodrr
      @procodrr  9 หลายเดือนก่อน +1

      Kya error aa rahi hai?

    • @sandeepvishwakarmaup
      @sandeepvishwakarmaup 8 หลายเดือนก่อน

      ​@@procodrr
      $ : The term '$' 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.
      At line:1 char:2
      + $ npm init -y
      + ~
      + CategoryInfo : ObjectNotFound: ($:String) [], CommandNotFoundException
      + FullyQualifiedErrorId : CommandNotFoundException

  • @affilatemarketing8573
    @affilatemarketing8573 7 หลายเดือนก่อน

    babel ka alternative kiya kiya hn and babe se pahle kiya use karthe the

  • @sanskritisaxena4251
    @sanskritisaxena4251 3 หลายเดือนก่อน

    Uncaught Error: createRoot(...): Target container is not a DOM element. please anyone tell me why this error is showing i have written the same code as sir please sir tell me.....

    • @harshbhaskar9720
      @harshbhaskar9720 3 หลายเดือนก่อน +1

      use defer in script tag

  • @Keshari01
    @Keshari01 หลายเดือนก่อน +1

    BHAI ji samjh nhi aaya ye bhot complicated ho gya ,Ye jruri hai?

  • @premmourya7060
    @premmourya7060 ปีที่แล้ว +1

    bhaiya aap hamesha esi tareeke ka use krte ho kya? projects banane k liye

    • @procodrr
      @procodrr  ปีที่แล้ว +1

      Nahi, ye bas seekhne ke liye hai.

    • @premmourya7060
      @premmourya7060 ปีที่แล้ว +1

      @@procodrr seekhne k liye kuch jyda complicated nhi ho gya kya 😟

    • @procodrr
      @procodrr  ปีที่แล้ว +1

      Agar tumne JavaScript mein already projects banaye Hain to complex nahi hoga.
      Lekin agar tumhe complex laga raha hai to Sunday live mein araam se explain kar denge.

    • @premmourya7060
      @premmourya7060 ปีที่แล้ว +1

      @@procodrr hm theeke

  • @sougatadas6084
    @sougatadas6084 หลายเดือนก่อน

    Babel npm se kya install Kiya kise kya apne kuch samjh h nhi aya😢

  • @ashutoshgiri2974
    @ashutoshgiri2974 5 หลายเดือนก่อน

    depth❤

  • @harpreetkamboj9959
    @harpreetkamboj9959 3 หลายเดือนก่อน

    Install babel it shows error of dollar sign

  • @girdharipatel2
    @girdharipatel2 5 หลายเดือนก่อน +1

    sir nodeJs ka bhi video banao n

  • @StockMarket-up7em
    @StockMarket-up7em 4 วันที่ผ่านมา

    done

  • @blackopss017
    @blackopss017 5 หลายเดือนก่อน +1

    Babel.js file is so big that my VS code stopped working😅

    • @procodrr
      @procodrr  5 หลายเดือนก่อน

      😀😀

  • @zx_edits-jh9xh
    @zx_edits-jh9xh 22 วันที่ผ่านมา

  • @hampam8235
    @hampam8235 7 หลายเดือนก่อน +1

    As a beginner kuchh bhi samaj nahi aa raha

  • @sanjayshetty3921
    @sanjayshetty3921 4 หลายเดือนก่อน +1

    Please explain in english so that it will reach more number of audiance.....

    • @procodrr
      @procodrr  4 หลายเดือนก่อน

      I've been working on Procodrr English channel. I'll start making English videos soon. Right now, there are interview videos on it.

  • @lakkojuleeladathasai
    @lakkojuleeladathasai 8 หลายเดือนก่อน +2

    please teach in english so that others also can understand.. or provide subtitles..

  • @VideoEditor-I
    @VideoEditor-I 7 หลายเดือนก่อน

    sir ye video me ache kch explain nii kiya aapne😓😓

    • @Tanwar_varun
      @Tanwar_varun 4 หลายเดือนก่อน +1

      Bilkul Bhai Mera b pura mood kharab ho jta hai javascript to thk tarah se padai thi but react ki to aisi ki taisi krdi he

    • @VideoEditor-I
      @VideoEditor-I 4 หลายเดือนก่อน +1

      @@Tanwar_varun bro agr tjhe nii smjh rha h to tu hitesh sir se krle unka chai aur code channel prr tjhe mil jayega playlist hogi chai aur react prr unka zra sa deep.me h bht

    • @Tanwar_varun
      @Tanwar_varun 4 หลายเดือนก่อน

      @@VideoEditor-I ok bro

  • @atuldemond
    @atuldemond 7 หลายเดือนก่อน +1

    Thanks bro ---------------------------------------------------------------------------------->