What is React Element? | The Complete React Course | Ep.03

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024

Комментарии • 124

  • @shubhamshubham7442
    @shubhamshubham7442 Год назад +31

    this react course will be going to next level

    • @procodrr
      @procodrr  Год назад +14

      Yes bro, we'll make this the best React course.
      Keep Learning and Sharing 😊

    • @thefreemonk6938
      @thefreemonk6938 2 месяца назад

      @@procodrr Yeah it's the best React course on RUclips.

  • @gauravpurohit48
    @gauravpurohit48 7 месяцев назад +6

    i have searched so many yt channels but i cant get relevant react react course or js course later i found your course i cant express my words sir i salute you and soon i will be a mernstack developer i will meet you definately and give your guru dakshina....

    • @procodrr
      @procodrr  7 месяцев назад +5

      I'm glad that your stopped at my channel. For sure we'll meet.

    • @gauravpurohit48
      @gauravpurohit48 7 месяцев назад

      Sir I have humble request to you PLZZ bring node js And express js complete course just like react and js...plz sir..bring this course asap❤️

  • @kunalsharma1936
    @kunalsharma1936 4 месяца назад +5

    Sir aap ka fan ho gaiya hu
    Bhot acha padha rahi ho sach me bhot help milti hai aap se 🙇❤️

  • @rahulkumar-p9m5z
    @rahulkumar-p9m5z 10 дней назад +1

    it is the most powerful react course on youtub as compare to whole youtuber bhai

  • @Raj9x7
    @Raj9x7 3 месяца назад +1

    The way you shared practical deep insights in library truly amazing and something rare among all Tuts out there. This makes it gem 💎. ❤

  • @GOATSOFFOOTBALL
    @GOATSOFFOOTBALL 4 дня назад

    Started learning from this series,pahele thoda brain storming lag rha tha but abhi maza aarha hai

  • @fahadshaik2475
    @fahadshaik2475 15 дней назад +1

    Aaj React shuru hua hai, and I'm sure kisi ne bhi library ke andar jakar elements behind the scene kaise convert hote hain ReactDOM ke andar padhaya hi nahi. Acha laga is episode se. Thanks Anurag.🤩

    • @procodrr
      @procodrr  15 дней назад +1

      Awesome, keep learning and growing 😊

  • @shubhamaths
    @shubhamaths 6 месяцев назад +4

    After watching this video , feeling like a mechanic of JS and React .🤣🤣Thanks for the video sir . This will be one of the best course on RUclips for the Self Taught People.

    • @procodrr
      @procodrr  6 месяцев назад +1

      Thank you 😊

  • @CoderBB
    @CoderBB Год назад +11

    Bhai tum sach me procodrr ho. Aur hum ko bhi procodrr bana rahe ho 🔥

    • @procodrr
      @procodrr  Год назад +9

      Zaroor Bhai, ham sab log ek saath Procodrr banenge 😊

    • @ArtbyAkki786
      @ArtbyAkki786 3 месяца назад +2

      ​@@procodrrdiamond heart of my anurag sir 😊😅🎉

  • @nobody20022
    @nobody20022 3 месяца назад +9

    Summary:
    Q. What is a React element?
    Ans. A React element is a plain JavaScript object that represents a DOM node or a component. It is lightweight and forms the building blocks of a React application's user interface. You can create React elements using React.createElement or JSX syntax, and they are essential for the declarative nature of React.
    Q. Why $$typeof is Used?
    Ans. Identify React elements.
    Ensure security and tamper resistance.
    Note: From what I understood from this video.

  • @namitadas5194
    @namitadas5194 6 месяцев назад +2

    Thanks sir. It's eye opener for me. I have learned react before from thapa technical. But apne bahut ache se samjha ye hey. Sab log khali virtual dom theory bataye hey.

    • @procodrr
      @procodrr  6 месяцев назад +2

      I'm glad you liked my teaching style, thank you 😊

    • @namitadas5194
      @namitadas5194 6 месяцев назад

      @@procodrr sir after watching this video i debug how virtual dom works. It's really surprised. I am learning react from last 1 yr and write lot of react code and created some project using react. But never encountered console.log container which you have creating using reactdom. Now i clear understanding key prop is so important. It basically for virtual dom to differentiate nodes

  • @Aminul_Ali_11
    @Aminul_Ali_11 7 месяцев назад +3

    Quality content, better than any good paid course, playlist, one of the best tutor, Anurag sir, thankyou for your help ❤,

    • @procodrr
      @procodrr  7 месяцев назад +2

      Thank you so much. Keep learning and sharing 😊

  • @sohamnesarikar5516
    @sohamnesarikar5516 Год назад +6

    Anurag bhai, such mein gajab ho aap 🔥, muje bhi apke jaisa coding mein master bnaa hai ...kitna deep knowledge hai yaar apko 😯

    • @procodrr
      @procodrr  Год назад +3

      DevTools ko apna Ghar bana lo, JavaScript ke master ban jaoge 😃

  • @Coden69
    @Coden69 Год назад +3

    amazing knowledge and amzing explanation

    • @procodrr
      @procodrr  Год назад +1

      Keep learning and sharing 😊

  • @hrithikrudra4292
    @hrithikrudra4292 Год назад +3

    Your way of teaching is on next level,sir

    • @procodrr
      @procodrr  Год назад +2

      Awesome, Keep Learning and Sharing 😊

  • @CoderBB
    @CoderBB Год назад +3

    😮 gajab 🔥 even ye sab experienced react developers ko b nai pta honga 😂

  • @spsdarinda4834
    @spsdarinda4834 Месяц назад +1

    Oh God , bro are you crazy? How can someone explain this in Soo depth, seems like you are the creator of React Js😮😮, Love from pakistan

  • @rayaanshgaming2925
    @rayaanshgaming2925 4 месяца назад

    Next level information...thx for explaining in such deep manner...

  • @ajaymude4795
    @ajaymude4795 Год назад +3

    The duration of is perfect its like paid class in free with quality

    • @procodrr
      @procodrr  Год назад +3

      Thanks bro, it means a lot ❤️
      Keep learning, sharing, and supporting just like this we'll make more awesome courses just like this.

  • @sulaimanshabbir
    @sulaimanshabbir Год назад +4

    waiting for redux because you create a need before using it this method of teaching 🎉❤

    • @procodrr
      @procodrr  Год назад +3

      We'll start Redux once React is completed.
      Till then keep learning and sharing 😊

  • @learnCodeWithAshish
    @learnCodeWithAshish 7 месяцев назад

    sir you just blew my mind 🤯like CHAPAK. Btw the explanation is tooo gooooddddddd thanks sir for this gem content

  • @PrashantKumar-p5w
    @PrashantKumar-p5w 2 месяца назад +1

    00:02 Learning about importing and rendering React element.
    02:39 React Native allows creating iOS and Android applications.
    08:06 Creating React elements with type and props
    10:31 Creating and using basic React elements
    15:24 Creating and rendering React elements
    18:55 Creating an HTML element
    26:59 Understanding owner document and importing the entire file directly
    29:44 Understanding innerHTML and text content in React Element
    36:54 The type of React Element is crucial for security.
    39:22 Understanding React Element rendering process
    46:42 Creating complex HTML structures using React Element.
    49:36 Understanding the structure of React elements and creating them
    59:03 Styling in JavaScript using objects
    1:06:11 Connecting React elements to HTML using JavaScript
    1:13:56 React Element simplifies writing HTML inside JavaScript.
    1:16:36 Understanding the nested structure of React elements.

  • @GauravSingh-id2mf
    @GauravSingh-id2mf Год назад +2

    Osm explained ..thanku

  • @Everyday_.Islam.
    @Everyday_.Islam. Месяц назад

    new people ko recommend krunga is video ko 1:13:00 sy dekhy q k JSX next video mein cover hui hai is video ko skip kr skty hain
    but last sy dekh lein to better rhy ga

  • @shahrukhsaifi442
    @shahrukhsaifi442 Год назад +1

    Very helpful video Anurag Bhai 💖💖💖💖

    • @procodrr
      @procodrr  Год назад +2

      Awesome, keep learning and sharing 😊

  • @softmedun6794
    @softmedun6794 2 месяца назад +3

    bhaiya jab latest react me ye sab bydefault include kar ke aata h using create-react-app se to aap kyun manually createElememt or bhi chijo ka use karte ho

    • @SmartCoder21
      @SmartCoder21 2 месяца назад

      Same question Mera bhi he

    • @SmartCoder21
      @SmartCoder21 2 месяца назад

      Bhai react ka full tutorial dekhna he kis channel pr acha he ? Sir ne manually kra he bahot .

  • @Manav_patel1
    @Manav_patel1 6 месяцев назад +2

    Variables,Array, String, Function, Arrow function,Loops, if else condition,event listeners, setTimeout, setInterval Concepts are done,
    Sir, Can you please Tell, which which Concept Now i should ?, Would be much helpful 🙏

  • @CodesolveNetwork
    @CodesolveNetwork 3 месяца назад +1

    thanks for your course bro

  • @pubgwala5104
    @pubgwala5104 7 месяцев назад +8

    I have done namaste react from akshay saini this course is better than that

    • @procodrr
      @procodrr  7 месяцев назад +5

      Thank you 😊

  • @BijayaNamna
    @BijayaNamna 7 месяцев назад

    Watching your video from Nepal .

  • @GauthamHC99
    @GauthamHC99 Год назад +4

    "Amazing! You have put your hands inside React's brain."
    You are making it so simple to understand 👏👏

    • @procodrr
      @procodrr  Год назад +2

      Thanks bro 😊
      In the next video we'll put our hands and feet together 😃

  • @itsjohn-t9u
    @itsjohn-t9u 18 дней назад

    Mast Bhai ❤

  • @ravindrabosamiya9837
    @ravindrabosamiya9837 Год назад +2

    best ever react course

  • @jamreji8662
    @jamreji8662 3 месяца назад

    very good and very details deep explain .

  • @TheMarketingMan4U
    @TheMarketingMan4U 2 месяца назад +2

    Nice explaination: I have watched some of your videos and you seem quite genuine. I believe you will never turn into Tech Motivational guru. On you tube there are really very less developers who are pure techy and not motivational gurus. App core techy hi rahe motivate karna hi mat chaahe apne koi bhi struggle jhele ho like 0 to SE or farmer to SE.

  • @Osman-Malik1
    @Osman-Malik1 Месяц назад

    You r pro... Brother...❤

  • @debanshupati207
    @debanshupati207 3 месяца назад

    summary of th video
    00:02 Learning about importing and rendering React element.
    02:39 React Native allows creating iOS and Android applications.
    08:06 Creating React elements with type and props
    10:31 Creating and using basic React elements
    15:24 Creating and rendering React elements
    18:55 Creating an HTML element
    26:59 Understanding owner document and importing the entire file directly
    29:44 Understanding innerHTML and text content in React Element
    36:54 The type of React Element is crucial for security.
    39:22 Understanding React Element rendering process
    46:42 Creating complex HTML structures using React Element.
    49:36 Understanding the structure of React elements and creating them
    59:03 Styling in JavaScript using objects
    1:06:11 Connecting React elements to HTML using JavaScript
    1:13:56 React Element simplifies writing HTML inside JavaScript.
    1:16:36 Understanding the nested structure of React elements.

  • @aditiagarwal7574
    @aditiagarwal7574 4 месяца назад +1

    Wowwwwwww 🤯🤯 mindblown

  • @lovelymusic3549
    @lovelymusic3549 Год назад +3

    Sir I know basic JS like data types , operator ,loop , condition, array, function, little bit understanding about DOM event handling and know arrow function spread operator modules know how about promises and async await can I start learning react?

    • @procodrr
      @procodrr  Год назад +2

      Yes you can, this is more than enough to start learning React.

  • @Legend-cn9zt
    @Legend-cn9zt 4 месяца назад +2

    thnku bhaiya

  • @nischalghising8349
    @nischalghising8349 6 месяцев назад +1

    what is the difference between using the method you have shown in the video and other directly installing react in our system using vite and npm??

  • @hiteshparmar-xy1rn
    @hiteshparmar-xy1rn Год назад +2

    Nice video😊🎉

  • @753Manoj
    @753Manoj Год назад +1

    Ap Guru ji ho sir...Possible ho to React Native v liaga ...
    Thank You Sir

    • @procodrr
      @procodrr  Год назад +2

      React Native to abhi nahi aayega, maybe next year.
      Till then keep learning and sharing 😊

  • @sruthimaddu7571
    @sruthimaddu7571 5 месяцев назад

    It will be helpful for other language people also if there is an option of subtitles in English

  • @prashlovessamosa
    @prashlovessamosa Год назад +2

    Thanks sir

  • @shivamvishwakarma9094
    @shivamvishwakarma9094 Месяц назад +1

    Bhai setup kese karna hai... Ye to describe kr do

  • @riajikbal2938
    @riajikbal2938 3 месяца назад

    Great video 🎉

  • @ffcolax2281
    @ffcolax2281 10 месяцев назад +1

    Complete this video 😊

    • @procodrr
      @procodrr  10 месяцев назад +1

      Awesome, keep learning and sharing 😊

  • @ranamuhammadharis9630
    @ranamuhammadharis9630 4 месяца назад +1

    I have created file index.html and script.js in a folder "D:/ReactApp/". and in terminal of VS Code when i run the command "npm start" it gives error that no package.json file found. and if i write React in Developer Tools Console screen then it also give Error. How to fix it?

  • @haseebsheikh6101
    @haseebsheikh6101 3 месяца назад

    thanks for sharing this video

  • @webClases
    @webClases 7 месяцев назад +1

    sir js interv most ask Question ki playlist bnao na plz
    ans DSa with js bhi chahiye for frontend label

  • @GtKatariyaLofiMusic
    @GtKatariyaLofiMusic 7 месяцев назад +1

    sir react native ka course bi bnao

  • @madihamalik3805
    @madihamalik3805 Месяц назад

    Awsome

  • @ChiragKr-pu4hf
    @ChiragKr-pu4hf 6 месяцев назад +1

    sir maine pahle ek react ka course kiya hua hai toh ye basics mujhe pata hai toh mai exact konsi video se start karu taki time bache

    • @procodrr
      @procodrr  6 месяцев назад +2

      Tum starting se episode 9 tak dekho, ismein tumhe kaafi kuchh naya seekhne ko milega. Uske baad tum aage ke videos skip kar sakte ho, wo tumhe already pata hoga. Agar koi topic naa pata ho ya usmein doubt ho to wo video dekh lo

  • @santoshkhadka4090
    @santoshkhadka4090 4 месяца назад +1

    but why i will write the same html code in jsx instead of html file if i need to do same in both

    • @procodrr
      @procodrr  4 месяца назад

      Keep following the course you'll soon get to know why.

  • @rishimondal3010
    @rishimondal3010 9 месяцев назад +1

    Day1 :9/1/2024 lecture 3 complete 💯✅

  • @divyachauhan9966
    @divyachauhan9966 3 месяца назад

    ReferenceError: React is not defined
    at Script.js:1:11 showing error. Sir please guide .

  • @Ketan.007
    @Ketan.007 6 месяцев назад +1

    Is it okay
    if i explain this (ur teaching) in my interview without using npx create-react-app?

  • @piyushshukla3909
    @piyushshukla3909 5 месяцев назад +1

    Sir file me koi bhi word search krne ka shortcut kya h?

  • @koraputiadances6585
    @koraputiadances6585 3 месяца назад

    React Dom is not defined, I am getting this error can anyone help me please 😢

  • @shivamanand8194
    @shivamanand8194 8 месяцев назад +1

    Sir aap kon se company me job karte hain, fang?

    • @procodrr
      @procodrr  8 месяцев назад +2

      Main remote job karta hoon, UK ki company mein.

  • @deepudagar3563
    @deepudagar3563 4 месяца назад

    InsertAdjecentHTML bhi toh kr sakhte hai SIR 🤣

  • @uzairrehman6443
    @uzairrehman6443 Год назад +1

    Now create next js and react native course with projects

    • @procodrr
      @procodrr  Год назад +2

      Next js will take time and React Native I'll have to learn first 😄

  • @Tanwar_varun
    @Tanwar_varun 2 месяца назад

    Bhai jaise aap padte ho to uske bare m thodi se basic information de diya kro usss se bahut help milegi tumko jaise apne react element ko pdya uske bare m to thoda sa bta diya kro book vagera par yeh fher laptop m he

  • @vishalyadav7958
    @vishalyadav7958 7 месяцев назад +1

    This is research series on react .....

    • @procodrr
      @procodrr  7 месяцев назад +2

      😀😀

  • @srikantmalakar8324
    @srikantmalakar8324 5 месяцев назад

    Bhaiya need aajatii h apka video dekhe ky kree smjh nhi aarhaa h ,content kafii sahii h but nind

  • @sandeepmaurya1694
    @sandeepmaurya1694 11 месяцев назад +1

    start your lecture, aap javascript and reactjs ke physics wallah ho,,

    • @procodrr
      @procodrr  11 месяцев назад +1

      Thanks Bhai, it means a lot to me.
      Main bhi Alakh Sir ko dekhta hoon.
      Wo physics ke best teacher hain.
      Waise tumne JavaScript aur React kaha tak padha hai?

    • @sandeepmaurya1694
      @sandeepmaurya1694 11 месяцев назад

      @@procodrr mene kal rat ko start Kiya apka react course and subh 6 bje se fir uth kr Kiya multiple handle fetch kr rha hu ( I know that's topic but fir b dek rha hu ki ky pta kuch Naya sikhne ko mil jaaye aapse ) &&, me react js developer hu with having 2.2 years of experience mid size start up
      But 1 issue ye hota he mere sath ki me logic build nhi kr pata aj b thodi help lgti he senior ki
      And also my question is that how I improve my coding skills logic building
      Ye personal question tha

  • @nd2703
    @nd2703 4 месяца назад

    Zordar

  • @hiteshparmar-xy1rn
    @hiteshparmar-xy1rn Год назад +2

    Hi

    • @procodrr
      @procodrr  Год назад +1

      Hello Hitesh, How are you?

  • @mansisrivastav2975
    @mansisrivastav2975 Год назад +1

    Bohot confure kr rhe ho sir aap.

    • @procodrr
      @procodrr  Год назад +1

      Abhi JavaScript ke practice project banao.
      Uske baad React karna.

    • @mansisrivastav2975
      @mansisrivastav2975 Год назад +1

      @@procodrr bna liye kafi tbhi react start Kiya h

    • @procodrr
      @procodrr  Год назад +2

      Achha, araam se karo samajh aayega. Agar tab bhi naa samjh aaye to Sunday Live mein aakar directly apna doubt pooch lena sab clear ho jayega.

  • @i_m_sonu
    @i_m_sonu 4 месяца назад

    12 May 24 | 5:12

  • @mohammedafzal3761
    @mohammedafzal3761 2 месяца назад

    Bahut he mess up kar dete hain😂

  • @DEBUGENTITY
    @DEBUGENTITY 3 месяца назад

    itni jada bakchodi react.element pr krdi bhai psnd ni aya thoda bohot sahi h pr ye jada ho gya

  • @Pooja-c7e
    @Pooja-c7e Месяц назад

    at 17:40 it showing error on my console that
    Error: createRoot(...): Target container is not a DOM element.
    at createRoot (react-dom.development.js:29394:13)
    at Object.createRoot$1 [as createRoot] (react-dom.development.js:29865:12)
    at script.js:3:23

  • @PrashantK-7
    @PrashantK-7 2 месяца назад

    00:02 Learning about importing and rendering React element.
    02:39 React Native allows creating iOS and Android applications.
    08:06 Creating React elements with type and props
    10:31 Creating and using basic React elements
    15:24 Creating and rendering React elements
    18:55 Creating an HTML element
    26:59 Understanding owner document and importing the entire file directly
    29:44 Understanding innerHTML and text content in React Element
    36:54 The type of React Element is crucial for security.
    39:22 Understanding React Element rendering process
    46:42 Creating complex HTML structures using React Element.
    49:36 Understanding the structure of React elements and creating them
    59:03 Styling in JavaScript using objects
    1:06:11 Connecting React elements to HTML using JavaScript
    1:13:56 React Element simplifies writing HTML inside JavaScript.
    1:16:36 Understanding the nested structure of React elements.