Quick React Practice Task | Docs Mini App | React | Framer Motion

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 559

  • @sheryians
    @sheryians  Рік тому +173

    Pareshaan mat hoiye, pinterest record karne baith gaya hu, ek hi video mein poora cover krdunga, shuru se end tak.
    Views aaye hi nahi to rokni padi series, channel dead nahi kr skte.
    Sorry for your inconvenience
    - your instructor, Harsh.

    • @sufyanali837
      @sufyanali837 Рік тому +1

      okay MAN

    • @HimanshuSingh-cr4ir
      @HimanshuSingh-cr4ir Рік тому +3

      I hope you get great success🏆💪.
      Don't know about others but this was exactly the kind of study I needed.

    • @virat7215
      @virat7215 Рік тому +1

      ​@a_for_apple3957yes 👍

    • @ankitmaindola9659
      @ankitmaindola9659 Рік тому +3

      Harsh bhaiya leke aao backend jaldi hum dusre nhi padna chahte
      Waiting for part 3 from long time❤

    • @Gamingnishantdesign
      @Gamingnishantdesign Рік тому +2

      Day 7 b ni aaya bhyia but website video b dhhasu hae

  • @rjtdas
    @rjtdas 11 місяців тому +65

    [Problem at 59:00]: As TailwindCSS can't evaluate your dynamic className, that is the reason why the background color was not generating for other color (green was cached or possibly some other element was directly using "bg-green-600")
    Tailwind CSS works by scanning all of your HTML files (Or files metioned in tailwind.config.ts), JavaScript components, and any other templates for class names, generating the corresponding styles and then writing them to a static CSS file.
    To make it work you have to pass a valid class name like "bg-red-600".
    However, if you still want make dynamic classname `tag bg-${color}-600` work with tailwindcss you have to mention the required classnames in a safelist inside the tailwind.config.ts
    safelist: [
    'bg-green-600',
    'bg-red-600',
    'bg-purple-600',
    ]

  • @sheryians
    @sheryians  Рік тому +50

    Kaafi saare log react maang rhe the, aaj se pahla kuchh daala hai response achha raha to aage bhi aayega.
    Pinterest 3 agle kuchh dino mein aajayega, jaroor aayega.
    Day 7 maine nahi daala kyuki channel dead ho raha tha, logo ne series mein interest nahi dikhaya.

    • @purenoorvibes
      @purenoorvibes Рік тому +2

      This video will be exciting, plz continue react series, we want full stack (Mern) project in near future.

    • @hello_Subham
      @hello_Subham Рік тому +3

      We are
      looking for Complete Playlist of React js pls do it

    • @ankitmaindola9659
      @ankitmaindola9659 Рік тому +1

      Please continue backend too🙏🏻

    • @nusratlines4947
      @nusratlines4947 7 місяців тому +2

      More quick react mini projects to make us familiar with react.

    • @UCanDoIt-r7c
      @UCanDoIt-r7c 2 місяці тому

      Bhai Source Code?

  • @st_moniz
    @st_moniz 11 місяців тому +2

    Thank you sir, I am willing to study more from you. Jitni Development College ke 4 saal me nahi seekhi aur uske baad youtube se 1 saal me nahiseekh paaya, utni aapne 3 mahine me sikha de. Javascript ke to interviews bhi aap se padh ke clear kiya hu.

  • @himayoun77
    @himayoun77 11 місяців тому +4

    Anyone want to add more functionality to the project here are some:
    * When there is no card the big plus icon should be displayed: when there are some (or one) card on the dispaly the small plus at the bottom should be dispalyed.
    * Form displaying when plus icon clicked.
    * Adding Cards.
    * Done and Delete function for card.
    *When 'Done' button is clicked: the color should change.
    *When 'Delete' button is clicked : the card should be removed.
    .
    .
    .
    (as I'm just getting started with react I am looking for some who can collaborate on this with me )
    Also many thanks to sheryians coding school for making these type of awesome videos.

  • @Aman_yadav1419
    @Aman_yadav1419 Рік тому +8

    Majje he majje hai ab to....back to back content...bhaiyo like karo comments karo...🔥🔥...

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 місяців тому +1

    i don't watch other videos or drama on youtube when i get bored , your videos give us knowledge plus entertainment as well. so salute to u sir.

  • @amitgorai1202
    @amitgorai1202 Рік тому +13

    "Wow, your awesome project is fantastic, bhaiya! Your teaching style is truly special. Having watched various React tutorials, I genuinely believe you're the best teacher out there. It would be incredible if you could create a step-by-step React playlist; it would be super helpful and awesome. Eagerly waiting for more! Thank you so much! ❤"

  • @nishitlugun8394
    @nishitlugun8394 Рік тому +38

    Finally react is here! ❤️ And please ignore all the hate comments, We the TRUE SHERIYANS Fans know how much hardwork you guys put to make videos for us. Inko lagta ki inke hisaab se hi videos aayengi, ignore them and keep going. Sheriyans for life babaaay❤️🔥

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer 9 місяців тому +1

    Your happiness gives us energy and boost-up to do work . Please never ever quit on youtube teaching . More boys and new generation is coming to learn from you .

  • @NightWolf-Gaming-42
    @NightWolf-Gaming-42 Рік тому +7

    We Want more projects like this 🔥

  • @soumyadipbhowmik2220
    @soumyadipbhowmik2220 Рік тому +6

    Loved it. Completed it parallely. Satisfied with the project. Waiting for the next one. ❤️

  • @middle_class_boy_story
    @middle_class_boy_story Рік тому +1

    bhai aaisse hi reactjs ka projects late raho, bahot kuch sikhne ko mila hai ye channel se, i hope ki mai aur bhi jyada new new reactjs ka projects sikhu ye channel se. thank you so much

  • @ManishGoyal-wu9hk
    @ManishGoyal-wu9hk 10 місяців тому +2

    Bade bhaiya.. aapka content bahot amazing hai mene aapke recent kch videos dekhe or mujhe really aapse padhne kafi accha laga 100% cheeze mujhe clear hui hai.. aapki educational videos ko dekh k mujhe or kesi ki videos nahi dekhni padti please aap ek proper series bana do react pe.. or bhaiya aap he record kerna plz aapse he maza aata hai padhne me 😭

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

    Thankyou so much, aaj mujhe sare classes mil ja rahe hain jo mujhe chahiye 😂
    Thodi der pehle search kar hi Raha tha..soch Raha tha ki aap kuchh aisa le ke aaoge to mast rahega
    Aur aa gaya

  • @Cyber_Garuda319
    @Cyber_Garuda319 11 місяців тому +3

    Correction : [30:23]
    REACT WAS DERIVED FROM V8 ENGINE OF CHROME NOT V5 .
    AND ITS OUTER LAYER IS WRITTEN WITH JS AND INNER WITH CPP .
    ANSWER OF THIS QUESTION : 38:12
    - function GenerateRand(){
    $save = Math.floor(Math.random()*10)
    document.getElementById("container').innerHTML = $saver ;
    };
    // Call function
    GenerateRand()

  • @prachishah898
    @prachishah898 Рік тому +3

    Bro I want to learn react from you ....... from scratch ........You guys are doing very great work. .......🔥🔥

  • @ajiteshmishra0005
    @ajiteshmishra0005 9 місяців тому +1

    I used to watch your videos on React and try to learn the concepts. All are useful for developers.
    If it is possible to create one UI which a developer has to develop by watching and checking through Figma
    So all developers will get concepts that how to create any UI using Figma.

  • @VikashSingh-hc6zo
    @VikashSingh-hc6zo 9 місяців тому

    WOW bade bhai maja a gya ... muje css ni ati itni mtlb pta hai sab , lekin muje react ka sara code logic sab ache se samagh a gya . Thanks a lot Brother

  • @bhismpitamah267
    @bhismpitamah267 11 місяців тому +1

    sir We TRUELY Appreciate Your Effort in this REACT Tutorial , I am working So Hard , but couldn't have time after job , so today morning i wakeup at 4 AM , and opening your channel to study , Thankyou so much Harsh sir and entire Team♥♥♥♥, aap nahi hotey toh hum , hope kho hi chuke thea , thank u

  • @OsthirShakib
    @OsthirShakib 11 місяців тому +2

    Bro upload more like that we are waiting ....."Your teaching style is truly special. Having watched various React tutorials, I genuinely believe you're the best teacher out there. It would be incredible if you could create a step-by-step React playlist; it would be super helpful and awesome. Eagerly waiting for more! Thank you so much! ❤"

  • @CARRYWEBTECH
    @CARRYWEBTECH Рік тому +10

    Your teaching technique is very unique. I just request to you that Can you please create a playlist step by step on react where we can learn A to Z about react. I research on UA-cam about ReactJs but now i think no one can tech better then you. I am waiting for your this playlist. Thank You

    • @mubashar-nouman
      @mubashar-nouman Рік тому

      You can take course of KG Coding by Prashant. He is amazing and covering almost all the necessary topics in details

  • @RaahimAhmed-c4l
    @RaahimAhmed-c4l Рік тому +4

    We want more projects on react and tailwind. Thank u ❤

  • @danishabdullah5431
    @danishabdullah5431 8 місяців тому

    Thank you so much bhaiyya apne yt pe kuch modern cheezein free mein sikha di aise to bht yt channels hein but aap dil se parahte ho praying that yll get 1m

  • @subodhpathak9441
    @subodhpathak9441 10 місяців тому

    This one is the first ever project that I have completed. Came here after 'REACT JS[GAMECHANGER]' and 'ReactJs Learn What Matters'. Thank you Harsh bhiya for these videos. I guess, I have started learning.
    Thank You

    • @awadheshsingh903
      @awadheshsingh903 10 місяців тому

      Bro file bheja apni email pr error ni mil raaha

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

    your videos are not only for beginner's student it also for experience student , !!! Request Please make complete use of framer motion one short video, many students love to see ,

  • @vijaysinghparihar2551
    @vijaysinghparihar2551 Рік тому +5

    Awesome Project sir 🤩🤩 , we want react tutorial and more projects on Framer Motion....

  • @AnantShah-j6y
    @AnantShah-j6y 11 місяців тому +1

    Maza Aaa gaya Aise hi projects aur banvao sir bohot Cool lagta hei 😁

  • @DeepakSharma-edu
    @DeepakSharma-edu 9 місяців тому

    Always after seeing any video it seem that it's so easy...your teaching is great...

  • @dellnew9291
    @dellnew9291 Рік тому +4

    You are doing amazing Job bhaiya, you don't know how much impactful your videos are for me. You are delivering the best content on your channel. Love you a lot🥰

  • @s-qc9ns
    @s-qc9ns 6 місяців тому

    56:00 the problem solving phase is what i like . other people just come prepared and don't show you the problem solving phase or they edit it out.

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

    you seriously teach by heart . we love the way how to teach us.

  • @maljeetsinghdadwal
    @maljeetsinghdadwal Рік тому +1

    sir, bhut sikha apse , u r fire at ur zone.....#loveusir

  • @RobinSingh-wk8qv
    @RobinSingh-wk8qv 4 місяці тому

    Amazing video
    Framer motion part starts at 01:01:00

  • @Aman_yadav1419
    @Aman_yadav1419 11 місяців тому +1

    Majja ayya bhaiya ...ye done ho gaya...me espe wo plus icon pe click kar to new card ban Jaye espe features ka soch raha hu kesi hai idea

  • @bhattresidence4093
    @bhattresidence4093 10 місяців тому

    Very nicely explained. Many fundamental things are now clear to me. Want to see a series end to end using React (without hooks) and Redux for state management with CRUD operation. Even if you have a series on this with payment, please do share here.

  • @ManishPanda-i2h
    @ManishPanda-i2h Рік тому

    Sheriyans will rock with react projects. Keep more of these projects coming!

  • @RadheRadhe143-rani
    @RadheRadhe143-rani Рік тому

    plz make more projects in react js your teaching style is so cool and different...

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

    ur style is very good . best teacher ever seen in my life

  • @HimanshuSingh-cr4ir
    @HimanshuSingh-cr4ir Рік тому

    Just finished everything in javascript to get started with react and here is the video!
    Thanks❤

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

      Kaunsa video dekh rhe ho Bhai react ka mujhe bhi btado

    • @HimanshuSingh-cr4ir
      @HimanshuSingh-cr4ir Рік тому

      @@razexamvs8756 "pedro" for indepth explanation with projects and "codesen solutions" for getting started with hooks!!

  • @NavinY5
    @NavinY5 Рік тому +2

    My teacher is back with a big project ❤❤❤

  • @nikhilchhapekar2243
    @nikhilchhapekar2243 Рік тому +5

    Awesome project bhaiya , we want more projects on react and tailwind.thank u ❤

  • @Gautam-a-student
    @Gautam-a-student 5 місяців тому

    This video is amazing, got me on track when i started react after long . and i choose this video to watch , I think more should come like this one.

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

    I knew Very Very Basic of react But this Video was So easy to follow and Understand Thank you Harsh Bhaiya

  • @maggsyt
    @maggsyt 11 місяців тому

    Loved the flow of your teaching and the way you navigated. It would you be great if you could bring a full stack tutorial in the similar way.

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

    i don't want to fill ur comments section like spam but its my heart talking to you this time . Huge respect .

  • @AliGamerYT125
    @AliGamerYT125 Рік тому +3

    Hi, it's around 1am and I completely watch this video that's great but sir please level up and make complete project around 3 to 4 hours long content. Thanks

  • @sagarghosh2897
    @sagarghosh2897 10 місяців тому

    Bhaiya you are doing great work. We need more react projects and jese aapne GSAP ki tutorial banayi hai I would suggest ki Framer motion ki bhi banao. We need more creators like you. Pata nahi log ese content ko support kyu nahi kar rahe but. You are doing great work bhaiya. 🫡

  • @Divyansh-505
    @Divyansh-505 Рік тому +3

    Hello sir, thank you so much for this great tutorial❤ I recently started react, and there us lot more confusion on form validation. Please sir make a video on form validation in react🙏

  • @AliBakhtiyar
    @AliBakhtiyar Рік тому +3

    Thanks you for giving such a premium content 🎉🎉❤

  • @ShivaaWorks
    @ShivaaWorks 11 місяців тому +2

    Sir React beginners ke liye ek full course banao pls...

  • @instinct2042
    @instinct2042 10 місяців тому +3

    for those who used normal css, use => style={{background:`${data.tag.tagColor}`}}
    inside your div give inline styling where that background color is mentioned😄
    this part will come in 55:45

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

      Did you figure out, why it wasn't working in Tailwind ?

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

    Sir keep uploading this channel will definitely will reach 1M. Don't stop until this channel reaches 1M...

  • @yourlinuxguy
    @yourlinuxguy 10 місяців тому

    Completed the tutorial today this was really nice.

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

    Awesome sir, this tutorial helped me kickstarting my journey to dive deep in framer motion, it is awesome

  • @Arjun-b4m
    @Arjun-b4m 5 місяців тому +3

    Guys Agar Tumhe Source Code Chaiye Vo Jaldi Se 100 Likes Karwa Do Pakka Source Code De Dunga😊😊
    Edit:- Source Code Hi Nahi Pura Folder Hi Upload Kar Dunga 😊😊

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

    Really a Great Video. Please make more like these. This video have enhanced my logical capabilities and I am thinking of adding some other features to it as well. Thank you so much.

  • @aantarik_jagat_harivansh
    @aantarik_jagat_harivansh 8 місяців тому

    You are simply awesome Sir...God bless you...

  • @aayushgupta7839
    @aayushgupta7839 Рік тому +1

    57:17 You can use style attribute instead of changing the tailwind classes cause
    it will not work due to just in time compiler of tailwind.

  • @abhishekcode
    @abhishekcode Рік тому +1

    Waiting for this for a long time thanks bhiya❤.. Please go more deep with react❤

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

    Done with the video.
    great video. Did not knew about framer motion before this. Thanks.

  • @Atulxd
    @Atulxd Рік тому +2

    Waiting for final part 3 of Pinterest project. I hope you drop it soon.

  • @Md_sadiq_Md
    @Md_sadiq_Md Рік тому +1

    Need more stuff like this

  • @supaofficial264
    @supaofficial264 27 днів тому

    10:22 per maza aagya kya technical gurujii ki mimicry kia hai yr 🎉 awesome

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

    I just complete this project.. Thank you bhaiya ❤❤❤

  • @sumitj.badgujar7035
    @sumitj.badgujar7035 3 місяці тому +1

    Love the way you teach! it's very Helpful 💖. Fullstack projects with both frontend + backend videos in detail would be appreciable ...!

  • @aaliyasharif4605
    @aaliyasharif4605 11 місяців тому

    This was super Amazing would love to learn more from you!!

  • @rainbowColor-yp6ie
    @rainbowColor-yp6ie 3 місяці тому

    No one can teach coding better thaan you, you voice is soft and your style is lovely. The only short coming is, to add more technology paid courses in your website ==, it will ssell more too.,
    For example
    HTML paid course in depth Rs500
    CSS in depth course Rs 1000
    like this

  • @hirengajjar33
    @hirengajjar33 9 місяців тому +2

    Just in case if console shows an error for
    const ref=useRef(null);
    do
    import { useRef } from 'react';
    may solve the problem

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

    best channel for coading

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

    It just a wow reaction after completing this react project..🤯😍
    .
    .
    I'm learning frontend dev from your videos...and with every video there is always something new, trendy , unique and exciting things... I learnt lot of stuffs.
    Aaj bhi kuch nya sikhne mila #framermotion 🤠🔥

  • @thisravigangwar
    @thisravigangwar Рік тому +1

    Bhaiya, Josh bhar dete ho body me, aate hi 😍

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

    Loved it. Thank you so much bhaiya :)

  • @Varubsbsbh
    @Varubsbsbh 11 місяців тому

    Enjoyed to make this project and I have learned so many things in react.
    Thankyou bhaiya👍🚩

  • @ManadayMavani
    @ManadayMavani 11 місяців тому

    Bhai superb intro! subscribed. ♥

  • @Thunder_Maxx
    @Thunder_Maxx 11 місяців тому

    It was very noice as earlier bus isme ek add ka button bhi dal k bata dete jis ek or empty card aa jaaye and dynamically usme size define hoti jaaye to maza aa jata I HOPE AAP ISKO CONSIDER KAROGE BAKI TO
    thanks a lot for this all the material and teaching,
    LOVE FROM JAIPUR RAJASTHAN ❤❤

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

    This type of video make me a more confident Thank you so much Bhaiya ❤

  • @_mr_shayar7036
    @_mr_shayar7036 Рік тому +1

    Amazing content

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

    Mujhe laga framer motion thoda mushkil hoga but ye to easy nikla or Aaj bohot si new technique pta chali thank you harsh bhaiya 🎉

  • @TagdaCoder
    @TagdaCoder 11 місяців тому

    I have completely made this sir and also added some features

  • @usmansajid00
    @usmansajid00 11 місяців тому

    harsh bhai the quick react practice was really awesome and a great one to learn something useful .
    can you please make this project to the next level of to be a complete mini docs where someone can actually perform some task in this mini docs.
    by the way thanks for this little front end master piece.

  • @thevinnivicci
    @thevinnivicci Рік тому +2

    Thank you for this series

  • @devanshumasodker118
    @devanshumasodker118 11 місяців тому

    best way to practice react concepts thanks want to add more features

  • @mrigankadas3677
    @mrigankadas3677 Рік тому +2

    sir you are great , i mean the greatest..... lots of love and respect from me🥰🥰🥰.sir please make a full fledged react series with amazing react projects (top notched as usual)

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

    Please create one exclusive video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.
    You can explain using any project also.

  • @sanchit_H
    @sanchit_H 11 місяців тому

    great tutorial learned a lot of stuff will love more stuff like this in future

  • @saketg07
    @saketg07 Рік тому +1

    Great

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

    Your teaching is simple & best sir, can you please make more projects with react.js for better understanding plz

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

    I think you know well about your UA-cam students,
    All the students are very interested in ReactJs projects. In ReactJs video you are getting more views and responses, so please upload this type project.❤❤❤ love from Nepal

  • @bhaimohsin
    @bhaimohsin 11 місяців тому

    47:45 bht barhiya trick. aisi tips aur chahiye hamein

  • @deewansingh3328
    @deewansingh3328 11 місяців тому

    Bhiya ji aap to bawal bna diye ❤🎉

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

    Awesome bhai Love You for teaching in such a easy way ❤❤

  • @pranjal-q6g
    @pranjal-q6g Рік тому

    Perfect teaching, plz add functionalities & features 😊

  • @AsadAli-sc4un
    @AsadAli-sc4un 5 місяців тому

    As Usual, Very Very Very Perfect ... Thanks Sir, Giving us this kind of perfect stuff, Great ... !!!

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

    Lets go we need more react projectsss!!

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

    Much awaited series

  • @DipakMaliOfficial
    @DipakMaliOfficial Рік тому +1

    Very Good Project sir I also build with you and its amazing experience 🙌❤

  • @codedroplets1974
    @codedroplets1974 Рік тому +2

    Great tutorial bhaiya please upload a course on animation with react. I'll definitely purchase it ❤😅

  • @techprak282
    @techprak282 11 місяців тому

    Thank you so much sir for explaining this much

  • @_mr_shayar7036
    @_mr_shayar7036 Рік тому +2

    Complete react series bhaiya plz🙏🙏🙏🙏🙏🙏🙏🙏🙏