Modern React Web Development Full Course - 12 Hours | 4 Real Industry Web Applications

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

Комментарии • 1,3 тыс.

  • @javascriptmastery
    @javascriptmastery  2 года назад +171

    Google has changed its auth process. To use the new package, check out this video ruclips.net/video/CcBHZ0t2Qwc/видео.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌

    • @ervinbehxheti344
      @ervinbehxheti344 Год назад +5

      I have problems with the image from login, I followed every single step

    • @jesusdavidmarmol2080
      @jesusdavidmarmol2080 Год назад +5

      I saw that video but it's different, I'm stuck with that part I don't now how to fix it. thanks anyway!

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

      @@davidcastagnetoa what did u do? can u send me code of that function please? so i can move on with course thanks a lot

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

      @@ervinbehxheti344 Not sure if we were having the same problem or not. My issue came up around 01:21:40. My application was not showing the image of the user on the home page, but instead a broken image link. What I changed was part of the useEffect in the Home component.
      I changed
      "const query = userQuery(userInfo?.googleId)"
      to
      "const query = userQuery(userInfo?.sub)"
      so your useEffect should look like this:
      useEffect(() => {
      const query = userQuery(userInfo?.sub)
      client.fetch(query)
      .then((data) => {
      setUser(data[0])
      })
      }, [])
      I did this because, with the new way of doing the google auth, our localStorage item "user" has different properties than the video. We use the "sub" property instead of the "googleId" property.

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

      @@davidcastagnetoa can u shre the set up?

  • @BB-de7ux
    @BB-de7ux Год назад +129

    1st application timeline
    Sanity install 8:10
    Starting frontend 24:45
    Install various dependencies 33:20
    Creat new project in Google cloud platform 50:50
    Connect client to sanity 55:08
    Implementation home page 1:09:05
    Starting tooglesidebar 1:16:26
    Sidebar component 1:32:00
    Navbar component 1:51:00
    Feed component 2:02:00
    Data feed in sanity desk 2:15:00
    Masonry layout 2:18:00
    Pin component 2:22:00
    Stop propapation features 2:34:00
    Already saved filter function 2:39:00
    Delete pin 2:52:00
    Create pin 2:54:00
    Upload selected fills 3:11:00
    Made form 3:20:00
    Save pin 3:26:00
    Pin detail 3:31:00
    Use of useeffect function 3:37:00
    Masonary layout used 3:55:00
    User profile component 4:03:00
    Use of useeffect 4:17:00
    Search component 4:23:00
    Deploying this project into internet 4:32:00

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

      jefe

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

      my sanity is working with typescript now javascript as in the video how can i change that

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

      bolehh

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

      Hi,I am completely new to reactjs and have intermediate level of javascript.Can I see this course and learn or is it best to see any other videos?

    • @FahadKhan-te8vk
      @FahadKhan-te8vk Год назад +1

      i am getting error prasing error: cannot find module '@babel/preset-env' require stack:

  • @mulualemmhretu
    @mulualemmhretu 2 года назад +44

    Oh my God ! 12 hours great fully fledged course for free . I have no words to thank you. You are so kind ,outstanding and you are do great things for people to equip with current technology . Thank you so much !.

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

      Enjoy! :)

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

      Is it beginner friendly ?

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

      @@youngwolf1009 not even

    • @br3ak_
      @br3ak_ 8 месяцев назад

      It's not a "course", the video has a ton of value for the right audience but it's not a course. He does not go in-depth explaining anything, he just implements the functionality and narrates what he's doing along the way. This resource is amazing if you already know all the theory and want to learn doing by ... well, doing. Need advanced knowledge of JavaScript and React to understand everything he does.

    • @aantarik_jagat_harivansh
      @aantarik_jagat_harivansh 8 месяцев назад

      God bless you..

  • @gulraizcodes
    @gulraizcodes 2 года назад +140

    Perfect timing! This is the only channel where I can find SUPER HIGH QUALITY tutorials. Love your design, the way you explain. Big Salute and Massive Respect for your efforts! ✨

    • @javascriptmastery
      @javascriptmastery  2 года назад +10

      Thank you so much!!! Enjoy! 😊

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

      @@javascriptmastery Do you make free templates? Can you share with us for training

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

      @@gum3213 Look at the links up top. They have github links to all material.

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

      I agree with u someonecodes

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

      I agree with u someonecodes

  • @dextorn
    @dextorn 2 года назад +12

    Best for Beginners to professionals, you're gonna earn a lot of love from many people and mostly students!

  • @echonabin
    @echonabin 2 года назад +275

    Dyam man 😮 12h of content for free. Mad Respect for you. ❤️❤️

    • @javascriptmastery
      @javascriptmastery  2 года назад +23

      Thank you so much!

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

      If you understand Hindi than check javascript series of 16 hr of free.

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

      @@davidbaraiya2649 from where

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

      @@javascriptmastery : Any update or fix to the react-google-login? ruclips.net/video/XxXyfkrP298/видео.html?t=56m

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

      @@KozaKrisz thanks. Do you have any code snippets or a git repo where you implemented it? Just want to see the implementation.

  • @BB-de7ux
    @BB-de7ux Год назад +55

    3rd application Timelines
    Create sanity project 8:17:00
    Create react app 8:27:00
    Install dependencies 8:32:52
    Create component 8:38:00
    Image.js 8:45:00
    Navbar component 8:48:40
    Framer motion feature 9:03:00
    Header component 9:17:48
    About component 9:45:21
    Client.js 9:57:52
    Use of effect 10:03:06
    Use of sanity urlFor 10:05:39
    Social media 10:11:47
    Navigationdots 10:12:20
    AppWrap 10:17:00
    Work Component 10:22:00
    Skill component 10:55:10
    Motion wraps 11:31:00
    Use of High order component 11:31:58
    Testimonials 11:37:50

    • @AmanRajput-ps2qu
      @AmanRajput-ps2qu Год назад

      is it nodejs also used

    • @BB-de7ux
      @BB-de7ux Год назад

      @@AmanRajput-ps2qu no nodejs is not used

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

      The hero we needed but didn’t ask for.

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

      someone pin this guys comment down pls

  • @huhu2932
    @huhu2932 2 года назад +24

    Didn't even start the course but already mad respect❤

  • @rdmepicfail5722
    @rdmepicfail5722 Год назад +5

    currently at the higher order part and can't help but realize how much i've learnt in a single video.
    I have yet to do the 1st and 2nd app (started with 3rd), but with all the code structure and good practices with assets for example, ways of exporting, bem methodology, Sanity's awesome functionalities & easy to use configuration, the HOC, I don't have enough thanks for how much you teach. I'm going right after this course to check your full courses, sure it's a goldmine ❤

  • @yingzisilver9085
    @yingzisilver9085 Год назад +7

    some packages changed a lot and keep changing. But it doesn't mean this course is out of date, cause searching docs and retype the code is another way to understand the projects thoroughly. thank you for sharing

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

      did you fix the broken image thing?

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

      Have u fixed this?

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

      @@Fimber015 Have u fixed this?

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

      @@relyt3322 No. I think the problem isn't from Google, it's from sanity. I've linked my Google account to sanity, but getting the image in the "Image" part of the User in sanity to reflect is the problem I think. Haven't been able to fix it.

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

      @@Fimber015 It works for me. Try running some console logs to see what is being returned to your code.
      He used:
      const query = userQuery(userInfo?.googleId);
      which isn't how the new google one is setup, so I used this:
      const query = userQuery(userInfo?.sub);

  • @CameraGuy19
    @CameraGuy19 2 года назад +7

    I'm so hyped to start this course, I don't know when I'll complete it, but this is like a gift from GOD. Thank you so much JavaScript Mastery.

    • @javascriptmastery
      @javascriptmastery  2 года назад +2

      Enjoy!

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

      If you are starting from scratch then good luck you will surely need it with a lots of dedication.

  • @ijasdeen3809
    @ijasdeen3809 2 года назад +27

    If other youtubers had made a tutorial like this, they would have put a price tag for 100 bucks. You are giving it for free. Only thing I am praying is that God should give you best of best. You are a real life saver. I am sure there must be hundreds of people who got job offer because of you. you probably change people life upside-down and make a positive impact. YOU ARE A TRUE HERO LEGEND 👏

  • @limitedlifetime8443
    @limitedlifetime8443 2 года назад +12

    Thank you so much for such a beautiful explanation of React web development along with various useful dependencies, tools, libs and more. I wish the RUclips might have a button for 1k likes and I'd clicked that thousands times

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

    Sitting down for 12 + hours and giving Free content is beyond what words can explain.. Thank you...I owe you respect..

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

      lmao shii prolly took him weeks

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

    Awesome tutorial mate!
    If someone needs a hand with the Cart (add/remove items) feature, it's easier if the CartItems were an Object with each product's id as a key, that way you can hit directly a CartItem by just passing the product._id and the values to update, besides that, you can store in each product the total product's price so when removing from the Cart you just have to use that totalPrice to substract it from the cart's subtotal, same thing for the cart's totalQuantity substracted with the Product's quantity 👍

  • @alhaadiofficial9532
    @alhaadiofficial9532 2 года назад +2

    I can't believe this course is free, when i saw this course i coun't be more happy to watch thnks adrian.

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

    Thanks! This is absolutely amazing!

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

      Thank you! 😊

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

      For the first app no matter which account I signin from it shows my name and picture only. Can you help??

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

    Currently i'm learning about the basics of Javascript, but your videos motivate me to keep learning to eventually switch to React and learn from your videos

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

    Youre my favorite youtuber in programming, I hope next time you can make an ecommerce that uses tailwind or mui that has product filters functionality. That would be so good for a beginner like me

  • @speakfootball707
    @speakfootball707 2 года назад +27

    Mad respect for you. You're a gem. Thank you for sharing and making a little bit easy for us in the field. Hope you continue to do so till the end. Thank you!

  • @nguhelon7015
    @nguhelon7015 2 года назад +27

    Oh my GOD, this just amazing, you just came at the right time, I just searched for the perfect react course and then boom you just came in my feed, This is just a blessing, THANK YOU SO MUCH for what you are doing man, Thank you so much. You just gave me the chance to become quite proficient in REACT thanks.

  • @chzmo
    @chzmo 2 года назад +11

    This is awesomely insane 😳.
    Much appreciation from this side 💛 💯🤙

  •  Год назад +2

    Man!!!! Your content is gold! Big Salute and Massive Respect to you, my friend! 👏

  • @nathangoncalves8952
    @nathangoncalves8952 2 года назад +31

    As always, contributing a lot of knowledge and helping all the devs a lot! A big hug from Brazil!

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

    Bro you're one of the reason I'm a react developer at Product based company in my country

  • @Dsandles47
    @Dsandles47 2 года назад +5

    Bro's really out here making it impossible to fail at becoming a solid developer. 12 hours of dense, quality content? Brother, you're invited to the cookout anytime.🙏🏾

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

    What a beautiful course for free, I'm gonna start learning. Thank you very much from the bottom of my heart.

  • @0xbinary
    @0xbinary 2 года назад +11

    This is amazing and just in time, I'm learning react. I did your react crash course yesterday and learned a lot, this is going to be great.

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

    Hello sir. I just finished first social media shareme tutorial project ... and you know what, i am so happy that i did it. Already sent to my family members , and everyone is so surprised that noob like me did such an amazing job.. and this is all because of you. Thank you so much.... thanks for these feeling 😊😊😊😊

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

      Btw if someone needs a help i would be happy to share

    • @user-fo3jh2sd5w
      @user-fo3jh2sd5w 2 года назад +1

      Complaints can come in now ⬆️⬆️

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

      @@bahtitashpaev7285 i am not able to fetch the image and userName from the snaity ...
      May you help me plz???

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

      @@ayushrawat9252 hello sir... yes faced such problems at the beginning, most was becouse of there was no image in sanity (or not doqnloaded proparly), but when i put "?" mark after "image" in code it heloed me. i can tell how i did if i see exactly your code

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

      @@bahtitashpaev7285 can you share your code

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

    I'm about to start my React journey but I've bookmarked this video, coming back to it in 2 months max. I already have experience with Node and database

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

    just when i needed you most..haaa..started learning next js and this came out in a perfect time..thank you Adrain for giving us god-tier free resources

  • @omarel-hajj7926
    @omarel-hajj7926 2 года назад +1

    Mannnn ! Your channel and your content are the best on this planet , thank you so much !

  • @jameswaweru_
    @jameswaweru_ 2 года назад +10

    You are best sir ,
    - Your explanation is top, up there ✔
    - video quality ✔
    - giving 100% Free Content ✔
    - Making me Job Ready ✔
    Thank you sir for the free content and great effort , you are making dream careers a reality.

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

    i'm starting to love react ... and just "bcause" of your mad tutorials

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

    Wow youre the best react teacher on myinternet sir 👏👏

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

    I've been watching your tutorials for a while but never commented, but today all I've to say is SALUTE TO YOU THE BEST

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

    Thank you so much for this valuable course on WEBD... really so grateful to this.... can't applause enough.... it's really awesome !!! 😇👍👍👍

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

      Glad to hear that

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

      @@javascriptmastery But just wanted to know that from where does this huge level of motivation come inside you to make such enormously heavy and high quality content ?? 😊😊😊

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

    Hi adrian i learn react from your channel only you are best teacher of react in whole youtube community..god bless you always..love from india ❤️❤️

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

    Very high quality content!❤‍🔥

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

    I tried sanity today, it’s easy to fix it,since there are docs to follow. Actually every frame keeps changing,you should learn how to read their docs and to fix it by yourself,instead of waiting others to feed u up, baby😊

  • @jacktheripper571
    @jacktheripper571 Год назад +8

    I wish you made this on react 18. Dependencies are hard to install, render methods are different, this video is a gold mine, i only wish it was on the latest react. But still thank you so much.

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

      Thank you for this.
      I didn't know that was the problem.
      I couldn't even get past the first 35 mins

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

      I'm curious if it's suggested for me to continue the tutorial on the latest version or should I install react version the tutorial used?

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

      Truly a goldmine
      How do you think we can figure this out on our own?
      Install old react version perhaps?
      I think I'll do just that...

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

      @@griffinkirkland9087 sure it's the obvious way and i agree with you but once the wiseman said "New is always better..." But i did use the versions of him on the video for not having problem.

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

      I wouldn't mind using this old version, but I was unable to figure it out, I mean I installing react 17.0.2
      And I don't know if I can follow the tutorial with the new version, yes I could render the DOM but don't want to get stuck in figuring out how to reconcile the video react version to react 18.2

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

    Love from India , great course .🥳🥳🎉🎉👏👏👏 Thank you so much . I will definitely watch this video and i will create all the projects in this video. Thanks you so much .

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

    God bless you for everything you do for us. Very interesting and fruitful content

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

    You are amazing nothing else Honestly. Really really love your channel, busy for now buh will definitely work in this project

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

    Hey Man, Thanks for this course I hope in a couple of years I can change my life to a better life and became a Professional Developer and can contribute to the community like you! Started from this course.

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

    gonna leave this here. So that I know when I started this awesome video! Thanks! See you in the future!

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

    If you are at 33:32, and you running into the norm ERR!, it is because npm install react-google-login has been deprecated. An alternative is npm install --save react-social-login
    Resource in comment below if I’m able to.

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

      hiii please,where are the resources?

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

      @@saheedat2829 RUclips doesn’t allow me to share links to outside sources. 😔 But give me a few hours, and I’ll try to find and share it with some spaces or something.

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

      @@andrewliamdesigndevelopment okay can I send my email address or something? if that's fine with you
      I can share the resources with other people that'll need it when they give their email addresses too

  • @AbhishekSharma-me
    @AbhishekSharma-me 2 года назад +1

    thanks a lot, I'm very new to backend and react and doing these projects are expanding a lot of knowledge.

  • @jimmyj.6792
    @jimmyj.6792 2 года назад +10

    No word to describe how are you so kind with us to put these 12 free hours with many awesome projects 🙏🙏
    Thank you so so much for your big work ✌️

  • @zemasentertainment8295
    @zemasentertainment8295 2 года назад +2

    wow you just making me fall in love with programming keep up the good work

  • @RJSHARK.
    @RJSHARK. 2 года назад +6

    Hello JavaScript Mastery 👋👋👋👋 !! I hope you are doing well. I love your tutorials and I always see them although they take several days for time reasons. Could you please! Make a tutorial where you develop an application similar to BitLy?? A Link shortener with an interface for users or even the possibility to charge a membership? I have seen other tutorials on how to make a shortener, but they are very poor in explanation and almost without any functionality. Thanks in advance 😊

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

      Great suggestion!

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

      Same here Sir!!! Like SaaS business. Link Shorting is a very good idea 💡🤯 please Sir create a tutorial about a Link Shorting 💪

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

      100% whit you Francisco 💪 that is a very good idea 💡

    • @RJSHARK.
      @RJSHARK. 2 года назад +2

      Bitly is soo expensive 😡 For that I want create a better service with more flexible price.

    • @franciscoperez-by3hh
      @franciscoperez-by3hh 2 года назад +3

      @@javascriptmastery Hello!! Please do the Link Shortener tutorial. It would be a super cool idea. I promote affiliate products and Bitly is very expensive, it only allows you to shorten 5 links in the account for free, they ban your account if you use Bitly a lot, please that would be something that would help us a lot 🙏🙏🙏

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

    oh man you are totally insane .. totally insane................ you are soo much amzaing all these projects i never seen, in single youtube even i never seen that in paid courses. you are such amzaing man. i have to say you are the true master.
    '🤩🤩😍😍

  • @geek_for_life
    @geek_for_life 2 года назад +2

    Inspirational Video for Web Developer!🔥

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

      Enjoy! 😊

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

      @@javascriptmastery Thank you for Everything that you Made Available....This Content is Gold and in Long Term...This Video will Definitely Cross 1 Million! 👍🏻

  • @harshbsv
    @harshbsv 2 года назад +8

    This is for anyone new to React and learning here - if you face dependency issues installing the packages that we use in the frontend, you can first try running this command - "npm config set legacy-peer-deps true", and then proceed with the command to install all the packages.

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

      Bro is it working for react 18

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

      @@MindNatureVj yes it did for me.

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

      Harshvardhan Basava oh really, that's great because i was thinking about not wanting to get stuck in the middle of the tutorial
      I even cloned the repo straight from GitHub and still ran into errors.

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

    One of the most underrated channel. I expect this channel to have tenth of millions of subscribers.
    Keep going bro, Your videos are so helpful! Hope we`ll grow together.

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

    You should be the best RUclips Channel for learning in the word

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

    Sanity v3 is released on 7th dec 2022, so those who are following instructions for sanity v2 as taught in this video might face issues as I'm too stuck at the very beginning, though the overview of the course is too impressive and I was very excited to start it.

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

      Yeah, I'm going to have to restart my project on account of this

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

      @@danielkik1245
      can you let us know if you're able to complete the projects without any issues?
      I'm currently stuck on the login page. My Google authentication thing isn't working and I can't seem to figure out how to implement the use of react-oauth/google

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

      @@saheedat2829 He added a link to the comments on how to install the new Google Authentication. That library is deprecated fwiw.

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

      @@danielkik1245 I've tried it and it still didn't work
      maybe I'm doing it wrong?
      can you help out with the code or something?
      I can send you a mail if that's fine by you?

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

      @@saheedat2829 Let me get to the login stage properly and I'll help you out once I've figured out what needs doing. I needed to pause this project due to RL work but will pick it back up on the weekend.

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

    Phenomenal Apps, gorgeous designs, and the best channel I have ever found!! Thank you!!!

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

    You are the GOD Teacher
    No ones provide this level of OP content free
    You are the legend, god and very good teacher sir
    Your channel is blessings for me
    Thank you so much for everything 💖😊

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

    Your new video pop-up on my notification has made my day.

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

    if you are going to follow this tutorial then you may face this issue while creating sanity schemas
    solution: create your schema and then import it in schemas -> index.js as" import somefile from './somefile' and export it as array in same file
    give like if you get help

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

      what do yuo mean

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

      @@MisseTis have you figured it out?
      I think I'm stuck at this stage too

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

      @@saheedat2829 make index.js and paste:
      import banner from './banner'
      import product from './product'
      export const schemaTypes = [banner, product]

  • @kingsleyfrank3234
    @kingsleyfrank3234 Год назад +5

    Thank you for the video man, I am installing the lastest and past version and found out i don't have the schema file just an inde.ts, I created a schema.js file but its still not working, I cant see any changes on the preview. How do i fix this

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

      Having this issue as well - sanity does it differently now it seems but I can't figure out how to convert this to their new structure :(

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

    The only channel for top tier JavaScript content, no one else comes close

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

    i am stuck with sanity which is sanity start is not working

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

    this is the best content available in the world!!!

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

    Not work the google authentication 1:06:58 You have created a new client application that uses libraries for user authentication or authorization that will soon be deprecated. New clients must use the new libraries instead; existing clients must also migrate before these libraries are deprecated.

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

      Google has changed its auth process. To use the new package, check out this video ruclips.net/video/CcBHZ0t2Qwc/видео.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌

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

      @@javascriptmastery import jwt_decode from "jwt-decode"; const decoded = jwt_decode(response.credential); console.log(decoded);
      localStorage.setItem("user", JSON.stringify(decoded));
      const { name, picture, sub } = decoded;
      const doc = {
      _id: sub,
      _type: "user",
      userName: name,
      image: picture,
      };

    • @NAVEENKUMAR-xn5lx
      @NAVEENKUMAR-xn5lx Год назад

      @@lajoshufnagel6528 thanks a lot

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

    Great course.

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

    Hello JS Mastery thanks for this great content. I've been following, but I've encountered an issue at at 2:49:28. When I click on the save button, the page reloads but the Pin doesn't get updated in real time like it did in the video, It doesn't update until several minutes after I refresh the page again. I've tried searching on this but I've not seen anything helpful. Do you happen to know what might be the cause of this?

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

      I have the same issue. When the page reloads, for some reason the Feed component is printing the pins state as null, despite the fact that they still display normally. This last part is probably due to state update not being instantaneous, while the fetch is most likely faster. But whenever the save array changes, it doesn't trigger a render cycle for the Feed component, which sends the pins array as props. Essentially, it seems like the Pin component has no way of knowing when the pins array has changed, and the reload method doesn't trigger a new fetch from the Feed component.

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

      @@TangiersIntrigue Hi did you get it fixed?

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

      Hi, In case you still didn't know the answer,
      Simply go to the client file and change useCdn value to false, that should solve the problem
      It's related to sanity cdn problem, since anything that uses cdn gets delayed in favor of other processes (at least that's what I understood of other docs)

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

      @@amrismail7336 Thanks Ismail, your fix works. I just tried it out

  • @SaliouDev
    @SaliouDev 2 года назад +2

    Thanks you Adrian for this course

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

    I can't seem to follow this course in 2023. Everything is just different, there's sanity v3, the instructions while creating react app, root folders. Nothing is the same.

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

    I loved the !! boolean conversion. You've saved me so many lines of code

  • @andrewwoo6499
    @andrewwoo6499 Год назад +58

    The sanity stuff is all wrong or outdated...Schemas look very different to what your video describes as well...quite difficult to get started if its so different immediately from the start..

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

      ?

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

      Yes it's becoming Difficult to install and setup Sanity

    • @kdramafan.imnida
      @kdramafan.imnida Год назад +5

      I'm having this issue too. The schema I'm seeing in the video is different from the one that is downloaded and so its not even working for me

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

      @@ezechukwuemeka6454 yea its pretty stupid...whats the point of this long course if we can't even start.

    • @hamoodhabibi7026
      @hamoodhabibi7026 Год назад +10

      Reference the docs bro, they tell u what they changed/updated syntax wise

  • @yoyo-yx1qx
    @yoyo-yx1qx 2 года назад +1

    I am trying to learn alot of skills for my startup idea,thank you so much for all the free help adrian,i had completed your fullstack mern stack social media memories app and i am way better than i was before thanks to you mahn,i hope to meet you one day.

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

    Bro in first video react Google login is not working , I think now they have a paid version please see it once ,

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

      Google has changed its auth process. To use the new package, check out this video ruclips.net/video/CcBHZ0t2Qwc/видео.html at 01:55:24. There I explain how to set up the new Google OAuth! 👌

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

      @@javascriptmastery thanks master it’s helped out ,
      please come with a series where you will teach step wise how to create a sign in page that will work in many projects , banner , about , liked videos and many such thing please hope you will read this and you will reply ❤️❤️❤️🇮🇳

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

    This is incredible! I don't know to to thank you enough for this content and explanations! Wish you and your family all the best❤

  • @king-manu2758
    @king-manu2758 2 года назад +2

    I got a job thanks to this man. Utmost respect. You will not be wasting your time if you follow his tutorials.

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

    Love the tutorial structure. But why is EVERY tutorial completely broken and unusable within 6 months? The tech world needs to do better than this.
    Sanity instructions no longer work (because they completely changed their system).
    The new Google OAuth info from the linked video no longer works (even following Google's new instructions fail; can't get a login button on my page).
    I am only 49 minutes into this tutorial and it's taken me 2 days to get here due to all the workarounds and changes that have been made.

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

      How did you create schemas. It's now in typescript so I'm having trouble in it.

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

      ​@Abcd Abcd thank you it worked.

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

      Hey bro I really relate to what you are saying. I have been learning web dev for a couple of months now and what I find most important to know is the fundamentals. They will never change, so if you know the basics, the core, the WHY this code works and how it works. Talking about regular JS. If you learn JS in details, then everything you will learn in the future will be easier, just because every framework or little bit of extension we use is based on JS it came from JavaScript and it's a little different. Hope this helps!

    • @rahul.dwivedi811
      @rahul.dwivedi811 Год назад +1

      @@vemulaabhiram3724 How did it work? I think the above comment is deleted, could you mention it here again?

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

    This course is perfect, Covers all the best modern practices of development with Nextjs. Thanks so much for this.

  • @anirudhbhat2912
    @anirudhbhat2912 10 месяцев назад +3

    Not beginner-friendly. Better to watch some Indian dude. The guy just kept continuously talking non-stop teaching me absolutely nothing. I successfully wasted 4 hours watching this. I will be hating my friend who recommended this video to me for life.👎

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

    The best channel on the internet

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

    Had to be here this minute🔥 Good job

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

    Wow, great, your best video yet, great job

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

    Wow... This is amazing, everything is detailed... ❤❤Thank you Sir

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

    Great channel this is the only channel I got that actually solves each and every error that came in the path. great sir I learned a lot thank you.

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

    JS Mastery is the guy who made my LIFE.

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

      YOU made your life ❤️

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

      @@javascriptmastery
      A Great Man is always willing to be little.
      - Ralph Waldo Emerson

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

    Man. Respect. Love from Pakistan ❤️

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

    I have only seen the introduction , but oh boy, those are really cool and usefull 3 apps.
    Subscribed right away

  • @v.demchenko
    @v.demchenko Год назад

    Thank you! Man, your channel is amazing.

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

    I know if i only follow your channel i will be js master. But i really want to join your course. Next time definitely.

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

    I've paused coding for a while and restarting my coding journey recently. Just spent few hours and finally finish coding the first shareme project along with the video. Thanks for sharing the video, it helps a lot.

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

    This channel builds coders of future
    🙏 respect

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

    Thanks Man. i'm gonna be following that. ❤

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

    Amazing content! 😅❤. Andrian is the best! 🤘🏻

  • @abdulateef-da-designer
    @abdulateef-da-designer 2 года назад +1

    Adrian, u are d man! I don't knw what 2 say except thank you
    Thanks so much for all ur high quality videos.
    Nd I look forward for more react native project

  • @Zero-h2f2m
    @Zero-h2f2m Год назад

    Wooooooow that is definetly what I need this evening

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

    THIS GUY IS INSANEEE!!! Awesome

  • @senthanthiruselvanathan2286
    @senthanthiruselvanathan2286 2 года назад +2

    U are doing great job 😉 the projects are very good standard, I'll share with my Dev team .

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

    I've alway wondered how a cms works with react, just never delved into it. This is awesome I had a blast making the ecommerce.

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

    Damn you are jst from heaven i hope your channel grows like lightening speed ! !!!!!! lots of love❤❤😍😍

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

    Am lost of words thank you Javascript mastery