React JS Practice #4: Rewrite our React Project into Components in React JS in Hindi in 2020 #19

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

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

  • @ThapaTechnical
    @ThapaTechnical  4 года назад +7

    Hope, you like the challenge. Check out complete React Playlist here ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ruclips.net/p/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

    • @theroastingershow161
      @theroastingershow161 3 года назад

      sir github account ka link mil skta hai ya

    • @bhaktswamisamarthanche7405
      @bhaktswamisamarthanche7405 3 года назад

      I am Facing issue while compiling App.jsx. showing 0 error but in browser my code is not showing , showing react animated logo screen under it note is displayed "Edit src/App.js and save to reload.". Please help. Thank ypu.

  • @lavanyapal9912
    @lavanyapal9912 2 года назад +6

    Since past one year I have been really struggling hard to understand react js and I thought I am unable to understand javascript that is the reason this is happening to me. And I kept on learning js more and more and when I come back to react, it is still zero to me. Thanks now I understand react so well that I am able to understand why something is happening. Even documentation is tough to understand but now I do. Thanks Thapa Technical (underrated channel but best it is).

  • @Optiontradingintelugu
    @Optiontradingintelugu 3 года назад +11

    bro ,excellent work .. i have completed react in just 5 days through ur source.... thank you alot brotherr... great work

    • @kahanijag970
      @kahanijag970 3 года назад

      Now are you able to make. websites

    • @kahanijag970
      @kahanijag970 3 года назад

      ?

    • @khan.hassan
      @khan.hassan 3 года назад

      Wow.. good.. u did fast..

    • @Optiontradingintelugu
      @Optiontradingintelugu 3 года назад

      @@kahanijag970 I already made few clone web application..

    • @ayushthakur2896
      @ayushthakur2896 3 года назад

      @@Optiontradingintelugu is this course enough to make clones or did you need to learn anything after this ?

  • @anubratachakraborty8962
    @anubratachakraborty8962 3 года назад

    Bhai apne to dukhti naso pe hat dedia ...
    Jaha jaha student atak jata hai ohi point apne padha hain..
    Big thanks Thapa bhai...
    Lots of love from West Bengal ♥️

  • @souravbhagat1358
    @souravbhagat1358 4 года назад +2

    jaise apne php kee videos ( 83) maximum upload kri thi waise hee react pr bhi aap maximum videos uplaod krna .your vidoes is very helpful .Thanks bhaiya

  • @RAJMUSHAM
    @RAJMUSHAM 4 года назад +2

    Great videos in free of cost. Thankx lot sir

  • @Akku_Enjoy
    @Akku_Enjoy 2 года назад

    Sir Mujhe Component Samjh ni aa rha tha Apka video dekhane ke bad Clear he THanks sir

  • @taufiquechaudhary7112
    @taufiquechaudhary7112 2 года назад +1

    Thank you, sir. Your teaching style is fantastic. I am at a loss for words to describe how I feel.

  • @ashwanidwivedi1832
    @ashwanidwivedi1832 4 года назад +3

    Your efforts are really appreciable.I believe that this is the best tutorial for beginners.I wish you will get good amount of subscribers and likes.

  • @abhinavpratapsingh4445
    @abhinavpratapsingh4445 3 года назад

    Apni bhasha me seekhne kuch alag hi maja aata hai 😄

  • @alexrcrew1975
    @alexrcrew1975 2 года назад +1

    i appreciate your efforts thapa boy .
    you are doing a great work for the community

  • @deepakchauhan8089
    @deepakchauhan8089 3 года назад

    abtak ki sary videos me bohot maja araa hai vinod bhaia

  • @funnyvideos-fw9vp
    @funnyvideos-fw9vp 8 месяцев назад

    Thank u sir, for providing awesome playlist

  • @sachiware6592
    @sachiware6592 2 года назад

    Thanks bro you are explaining in very easy way

  • @manishsahu6873
    @manishsahu6873 3 года назад

    Now Its all clear..about the components.

  • @twinklemaddeshiya1287
    @twinklemaddeshiya1287 Год назад

    Thanks a lot sir, helpful video react. Js

  • @abantikakarmakar1988
    @abantikakarmakar1988 2 года назад

    Thank you sir for your hardworking!! I am learning React from you!!

  • @umairzafar2067
    @umairzafar2067 3 года назад

    You are a good teacher.
    Behtreen yar bht tyte lerkei ..

  • @thusharaarun1960
    @thusharaarun1960 2 года назад

    thank you for such a awsm tutorial page. its really helping me out as i'm a beginner.

  • @rohaankhan8084
    @rohaankhan8084 4 года назад +3

    Ab amazing Tutorial , Thank you For the Hardwork :)

  • @brijusingh845
    @brijusingh845 3 года назад

    Clear crystal teaching.... Thanks......

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

    thank you so much,amazing content🤩🤩

  • @alkesh.jethava
    @alkesh.jethava 4 года назад +3

    Awesome video sir,
    Sir video k thumbnail me components k badle ""coom""ponents ho gya he,
    Aapke challenges me maza aa raha he sir.

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

    Thanks a lot dear sir ❤

  • @LetsPlayWith_Code
    @LetsPlayWith_Code 4 года назад +1

    Sir plz bootstrap me sath bi ek video bnao.....

  • @anuragyadav1813
    @anuragyadav1813 4 года назад +1

    Tutorials are really great sir 🤩

  • @codingtips8496
    @codingtips8496 4 года назад

    Bhot Acche Sir Jii Ekdam Simple Smjhaya Hai Apne Thnk You So Much#

  • @justvoice6825
    @justvoice6825 4 года назад +3

    Sir jese App and heading ko import kiya (import App from ./App) isme first App function hai kaya ya constractor ?

  • @sanjeevranjanmishra8811
    @sanjeevranjanmishra8811 4 года назад +2

    Great bro you are helping me a lot...
    Please comment me the sequence of learning..
    I have completed html css bootstrap and wanna to join backend section.
    Which part can i go through...

  • @comedy_ener..
    @comedy_ener.. Год назад

    Challenge completed 🎉🎉🎉🎉

  • @priyanshusaini6299
    @priyanshusaini6299 3 года назад

    Really you are great teacher.

  • @ertugruledittz1144
    @ertugruledittz1144 3 года назад

    we have multiple tutorial on youtube but is wale me maza ata h...😍😍😍

  • @Ritika123yte
    @Ritika123yte 2 года назад

    thanku sir...very nice explain

  • @hafizmuhammadali3425
    @hafizmuhammadali3425 2 года назад

    sir function or component ka name same kiu? or jo hum export kr rhe hai wo function hai? or aik bt jis file me humne is component ko import krna ho waha component ka name ata ya function? kiu k ap component or function ka name same use kr rhe

  • @dkdj84
    @dkdj84 3 года назад

    Bro ur Videos are Really OWSM.just need to understand One thing....is ctrl key ur Enemy...?...coz every time im seeing that u r press S instead of ctrl S for save...and also press V when u r pasting any code or anything instead of Ctrl V....::))

  • @dickcassidy2895
    @dickcassidy2895 4 года назад

    Plz to be continue this video.
    So very helpful video.

  • @AkhileshYadav-lv3kh
    @AkhileshYadav-lv3kh Год назад

    Thank you sir 👍👍

  • @sushilkumar-ef7gh
    @sushilkumar-ef7gh 3 года назад +2

    Make sure to delete App.js while you are creating App.jsx otherwise your code will not run

  • @debojyotisuklabaidya3259
    @debojyotisuklabaidya3259 Год назад

    hello, I have made this mini project on my system it works well, but what i need to do, i need to show hours along with Minutes, pls tell me how can i do this

  • @sirajulmuneersahi
    @sirajulmuneersahi Год назад

    bro u making awsome videos . plz make for coding vscode background color white for audience .for better view

  • @fortunecrypto2695
    @fortunecrypto2695 2 года назад

    You are awesome bro

  • @umairzafar2067
    @umairzafar2067 3 года назад

    Good yar bht achei

  • @hurrairaali9559
    @hurrairaali9559 3 года назад

    sir ye tu open hi nii ho rhi jub App.jsx ka use karay tu please tell me

  • @deepakchauhan8089
    @deepakchauhan8089 3 года назад

    best tutorials

  • @shivanigoswami2773
    @shivanigoswami2773 3 года назад

    getting this error in browser Edit src/App.js and save to reload. ?? pls help

  • @AppsDeveloper-qy9vh
    @AppsDeveloper-qy9vh Год назад

    awesome sir

  • @LifeStoryAshita
    @LifeStoryAshita 2 года назад

    Completed #19

  • @ratul1125
    @ratul1125 3 года назад

    Thapa sir app kamal ke ho

  • @mbilal02
    @mbilal02 4 года назад

    Sir jab ap code save krte ho to visual studio mein agar return method ni bhi likha tha wo add ho jata is k liye kon c extension use kr rhy ho ap visual studio code ki?????

  • @vishalarora3676
    @vishalarora3676 4 года назад +1

    Can we use bootstrap 4 in react and react js and react native codes or different

  • @rahulkkhandelwal
    @rahulkkhandelwal 4 года назад +1

    For me while import it's taking App.js file and I had to change during import to
    import App from './App.jsx';
    For
    import App from './App';
    I am getting below error
    ./src/App.js
    Error: ENOENT: no such file or directory,
    Why is that so. Do I need to change any setting(s)?

    • @pablu_7
      @pablu_7 4 года назад

      Just simply write 👉 import App from "./App"; React will automatically detect whether it is a Js file or Jsx file

    • @rahulkkhandelwal
      @rahulkkhandelwal 4 года назад

      @@pablu_7 That's the issue sir. I am getting error for For
      import App from './App';
      And error is :
      ./src/App.js
      Error: ENOENT: no such file or directory,

    • @pablu_7
      @pablu_7 4 года назад

      @@rahulkkhandelwalThere must be a minor mistake . Maybe you didn't exported the file properly.

    • @rahulkkhandelwal
      @rahulkkhandelwal 4 года назад

      @@pablu_7 But it's working fine when I use App.js

    • @chizuru1999
      @chizuru1999 4 года назад +1

      @@rahulkkhandelwal Yes it will work because you are working with the standard boiler plate code which comes with npx create-react-app.
      app.js is the convention instead of App.jsx 👍

  • @gurukeangna9369
    @gurukeangna9369 3 года назад

    *Hello sir* , Kya hame javaScript ka code bhi App.jsx file ke function me add karna jaruri hota hai kya aap ke ess tutorial ke according?

  • @rishiraj2548
    @rishiraj2548 2 года назад

    great

  • @lakshaymangu899
    @lakshaymangu899 3 года назад

    Hi Vinod. Agar hum apna JS wala complete code function App() k bahar rakhte hai toh how is it different? If I am keeping my JS code inside or outside of App() function?

  • @neerajnaithani92
    @neerajnaithani92 3 года назад +2

    app ka extension app.js hota h ya app.jsx........react download krne p to app.js ki file mili h....but sir ne app.jsx likha h.....plese clear this confusion

    • @lifemadeeasy7582
      @lifemadeeasy7582 3 года назад

      I also have same question, please clear Thapa Bhai

    • @subhajitbhattacharya7754
      @subhajitbhattacharya7754 3 года назад

      @@lifemadeeasy7582 You can use App.js but the best way is to tell react that the file we're using is jsx

  • @alimurtaza7092
    @alimurtaza7092 3 года назад

    Awesome video my last video comment doubt is cleared from this :-) Thank you sir!

  • @ajayneman3769
    @ajayneman3769 3 года назад

    Awesome series

  • @geetanjalikatare4534
    @geetanjalikatare4534 3 года назад

    Amazing videos sir 👍👍👍

  • @raginimaurya1085
    @raginimaurya1085 2 года назад

    Hii..
    why system is very hanging when react program running please give any idea to remove it

  • @rootgaming565
    @rootgaming565 4 года назад

    maine javaScript ka part function ke bahar likha tha fir bhi vo run huaa ......aisa q sir
    plz reply

  • @alifhasanshahOfficial
    @alifhasanshahOfficial 3 года назад

    very well explained...

  • @Yash-uk8ib
    @Yash-uk8ib 3 года назад

    sir, line number 23 mai reactFragment kyu use kiya hai jab line 24 pr div likhdia tha aapne??

  • @feel_free.
    @feel_free. 4 года назад

    sir mere coding to sahi ha but mujy ans me time hi display ho raha ha color apply ho raha ha but morning wagera ki jaga time show ho raha ha like 12

  • @mohammadnoushadsiddiqui4786
    @mohammadnoushadsiddiqui4786 3 года назад

    Thank you so much

  • @divyeshchothani8549
    @divyeshchothani8549 2 года назад

    Tried Example

  • @muhammadfarooq4694
    @muhammadfarooq4694 4 года назад

    Amazing bro I like your teaching way thanks for your efforts to us 😘😘💖💖

  • @sriharisai8941
    @sriharisai8941 3 года назад

    cool explanation

  • @bhaktswamisamarthanche7405
    @bhaktswamisamarthanche7405 3 года назад

    I am Facing issue while compiling App.jsx. showing 0 error but in browser my code is not showing , showing react animated logo screen under it note is displayed "Edit src/App.js and save to reload.". Please help. Thank ypu.

    • @shivanigoswami2773
      @shivanigoswami2773 3 года назад

      please add import App from './App.jsx'; in Index.js file it will work

  • @rahulgote3313
    @rahulgote3313 3 года назад

    Awesome video guru

  • @aesthetic58525
    @aesthetic58525 Год назад

    My localhost refused to connect with vs code

  • @sufisufyan6489
    @sufisufyan6489 4 года назад

    zabardast thapa g

  • @arfat-xyz
    @arfat-xyz 2 года назад

    I create 3 file like Hello,Greeding,Final then i import them in App then index.js

  • @thecoderraj3777
    @thecoderraj3777 3 года назад

    Thanks sir :)

  • @muhammadjunaid2329
    @muhammadjunaid2329 3 года назад

    import React from "react";
    // Components
    import Greet from "./Greet";
    function App(){
    return (

    );
    }
    export default App;
    I did this way 😎

  • @Rajukumar10157
    @Rajukumar10157 3 года назад

    Hello guys , could anyone help, i am getting a error of maximum call stack size exceeded

  • @shubhamsharma0099
    @shubhamsharma0099 2 года назад

    mere vs code m zoom nahi hota h hoe can i do it?

  • @deepikakapoor9607
    @deepikakapoor9607 4 года назад

    Awesome

  • @roshanisolanki6873
    @roshanisolanki6873 2 года назад +1

    sorry sir, but don't get the output from this method.

  • @sanimsanim2014
    @sanimsanim2014 4 года назад

    Sir,,nice video

  • @tanishqshrivastava6009
    @tanishqshrivastava6009 4 года назад

    sir ek full video vue js pr bhi banao

  • @usmanmunir1559
    @usmanmunir1559 4 года назад

    Amazing

  • @aamirsaleem5294
    @aamirsaleem5294 4 года назад

    osm

  • @monireol
    @monireol 4 года назад

    Sir,
    RUclips analytics API Ke bare me ek video banaye.
    Not Data API.
    Please

  • @san29sh
    @san29sh 4 года назад

    Hi I am using .jsx file extension which is getting error for me. but it is work for your demo. what is the extra file needs to be added in the project. please guide me

    • @swapnilzoad3837
      @swapnilzoad3837 3 года назад

      usme dusre type ka component lena padta.wo app.js file (component) leta hai ex: import React, {component} from 'react'; code app.js me likhna hoga

  • @nitinKumar-zs3qj
    @nitinKumar-zs3qj 4 года назад

    Class component k bare main bhi batao sir

  • @KKxcuelsive
    @KKxcuelsive 4 года назад

    Hi sir
    im.pakistan apki videos bhoot learning full. Sir apse respect hai agr ik website bana seekhain bootstrap ko use kartay huye not use css sirf bootstrap main karhi ik video ko open kia but mera css ka problem.arahai hai osko access nai karhi bhoot req hai plzz ik bar phir se bootstrap ki website bana seekhain or image ka bhi pic size zaror mention kariga

  • @allroundtutorialinhindi5064
    @allroundtutorialinhindi5064 4 года назад

    Nice video

  • @SubhamKumar-9009
    @SubhamKumar-9009 3 года назад

    best❤️❤️

  • @user-qt7zm9rk8s
    @user-qt7zm9rk8s Год назад

    sirf youtube mein active hai

  • @mustak_085
    @mustak_085 3 года назад

    I also separate JavaScript logic .

  • @dilavarshah9151
    @dilavarshah9151 4 года назад

    App.js works but if I rename to App.jsx does not work - What's the Solution?

  • @gagan3833
    @gagan3833 4 года назад

    sir mern stack use krke simple app bna do pls

  • @Optiontradingintelugu
    @Optiontradingintelugu 3 года назад

    bro small help ,, how to change background color also with time...

    • @simosenpai2685
      @simosenpai2685 3 года назад +1

      Write under if else statement
      YourCssVariableName.backgroundColor = "Choose Your Color";

  • @RAJMUSHAM
    @RAJMUSHAM 4 года назад

    Bro, please do i18N in reactjs

  • @tanveerhussain9458
    @tanveerhussain9458 4 года назад

    Bootstrap pe video bno

  • @localtelecast1861
    @localtelecast1861 3 года назад

    Error: cssStyle and greetings not defined ...un-def
    Can anyone tell me why ?

    • @TheSaurabh5555
      @TheSaurabh5555 3 года назад

      Try using let or const before cssStyle and greeting

  • @sajjadhussain427
    @sajjadhussain427 4 года назад

    I use also try ternary operators instead of if-else use :)

  • @DEEPANSHU_NAG
    @DEEPANSHU_NAG 4 года назад

    Kya aap cheetsheet banage plz🙏🏻

  • @PriyanshuKumar-rj7xc
    @PriyanshuKumar-rj7xc 3 года назад

    6:17 pe kya bol rha h (control + shift .....) koi bata sakta h

    • @madie2659
      @madie2659 3 года назад

      he's saying ctrl+s to save a file

  • @pateltapesh505
    @pateltapesh505 3 года назад

    Hello @ThapaSir,
    I have been trying to follow you since last 2 year and have to say you helped also in many coding sessions. Howeever, Im trying to learn creat by watching your video tutorial on react, and I have a doubt in above posted video, why is it saying Parsing Error: unexpected token to be while am using the same If else statement like you. Any idea ? Would be great if you can help.
    Thanks