Pure React vs Next.js | What’s Happening in React?

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ก.ค. 2024
  • React + Vite vs Next.js. How to install React App? Pure React vs React Framework. Is React dying? Server Side rendering (SSR) vs Client Side Rendering (CSR). Let's talk about the future of React and answer questions.
    If it is valuable to you, you can support Lama Dev.
    Join: / @lamadev
    Buy me a coffee: www.buymeacoffee.com/lamadev
    00:00 The Future of React (New Documentation Page)
    02:38 How React Installation Page Should Be?
    04:35 Is React Dying?
    08:16 Server Side Rendering (SSR) vs Client Side Rendering (CSR)
    10:31 React with Vite vs Next.js
    Join Lama Dev groups
    Facebook: / lamadev
    Instagram: / lamawebdev
    Discord: / discord
    Twitter: / lamawebdev
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @xcrxwadda8287
    @xcrxwadda8287 ปีที่แล้ว +84

    The day i will land a job in Tech, I will never forget Lama

    • @medthelegend8930
      @medthelegend8930 ปีที่แล้ว +11

      I got My first job thanks of him

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

      FACTS.

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

      @@medthelegend8930 what helped u get your first job? making projects? did u make your own?

  • @rashid9573
    @rashid9573 ปีที่แล้ว +10

    Thanks for the information, bro.
    I learned a lot from you. I will wait for the latest version of the next JS project.

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

    Hey! Thank you so much @Lama Dev for this video. It was informative and helpful in many ways. I truly appreciate your efforts in clarifying the doubts that were creeping.

  • @susmitobhattacharyya1668
    @susmitobhattacharyya1668 ปีที่แล้ว +5

    Short. Crisp. To the point. Great video!

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

    Thank you LamaDev! Every day I open youtube hoping to see your video, and here you go another great video! For the future, I would appreciate Advanced React and Typescript since it is most relevant in the job market.

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

    Bro i am your biggest fan, so much learned from your skills and the way you build logic, I do wanna see some subscription based project in future

  • @patricknelson
    @patricknelson ปีที่แล้ว +14

    I’m all in on Svelte. To be fair though, I never picked up React ( long story, mostly due to legacy). Looking at Svelte really pushed me over the edge of finally finding a way to retrofit a modern component library into our massive legacy codebase ( I’m using web components, I.e, custom elements, as a shim/proxy for this). So far, I REALLY love it!

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

    Thank you Safak i almost watch every video you uploaded i love your teaching mothods and explanations

  • @ilyaasomar9173
    @ilyaasomar9173 ปีที่แล้ว

    thank you safak amazing content, we will wait for latest next js project

  • @lukas.webdev
    @lukas.webdev ปีที่แล้ว

    Great video with very valuable informations! Thanks for sharing. 😉🔥

  • @MegaSpiderpunk
    @MegaSpiderpunk ปีที่แล้ว

    Amazing video!! Very informative!!

  • @Jg-vz3zi
    @Jg-vz3zi ปีที่แล้ว

    Thank you Lama! you are awesome my friend.

  • @imograph
    @imograph ปีที่แล้ว

    Adores your informative videos. Thanks!

  • @jalalbmnf
    @jalalbmnf ปีที่แล้ว

    Perfect video, every beginner must watch this video. Thank you so much 🚀🚀🚀

  • @onixin
    @onixin ปีที่แล้ว

    Bro excelente canal, sus videos y el contenido son fáciles de entender, hasta para aquellos que tenemos un nivel de ingles muy básico.

  • @ashishsharma__
    @ashishsharma__ ปีที่แล้ว

    You really cleared almost all of my confusion. Today and even past few days I was keeping thinking why the hell they're not just providing way to just use react in documentation, why do i need to use next js while to take advantage of all features of next js i will need to use vercel for hosting and everyone knows how much costly they are. I decided to use svelte or the new framework qwik or quick whatever but it's totally new so can't trust it'll be as promising as other old frameworks. There were so many questions in my head. I'm still a beginner who started react and right after 2 days they changed documentation 😑 so i started next js too. And i created a social media app by myself using next js and react but I was still worried will it worth learning next js coz they're costly. And finally today i end up with a decision and that is - let's learn all of these one by one. Just create 1 or 2 projects in each popular frameworks like svelte, nextjs, qwik, remix, gatsby, etc. And then decide what to master according to flexibility and features.
    And finally your video just made my decision more strong that learning just any one of them is not helpful as trends changes, not any framework is perfect, so as a developer we should keep learning....

  • @radoslavrac8619
    @radoslavrac8619 ปีที่แล้ว +12

    Does this mean that we will see tutorials in NextJs ? 🤩

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

    You are the godfather of web development, great explanation

  • @ayoubMazouz
    @ayoubMazouz ปีที่แล้ว +10

    I just learned svelte this weekend and it took me about 2 days to learn it and make my project, wasn't anything complex it has authentication and make calls to backend, overall svelte won't take much time to learn and it is really enjoyable as they say, but I could find a good routing library all of them has quirks I don't know about other libraries but it is definitely much much smaller than react ecosys, I highly recommend it if you want to learn something new, but if your are comparing between svelte and react, you should choose react for sure.

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

      It used to be Sapper a year or two back but now you can use Sveltekit which has routing similar to NextJs

  • @vaibhavsinhbihola1
    @vaibhavsinhbihola1 ปีที่แล้ว

    Very good explanation I have ever seen regarding server side render and client side render

  • @viniciusm.m.7822
    @viniciusm.m.7822 ปีที่แล้ว

    Thanks man!
    God bless you!

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

    Thanks for the informative analysis of the React situation. I've never been in doubt about React's whereabout in the coming years. It still has a good 10-15 years to spend at the top especially as more Frameworks which build upon it emerge.

    • @GurpreetSingh-lc9ii
      @GurpreetSingh-lc9ii ปีที่แล้ว

      At this point, 15 years is a very optimistic view. 2-3 years max and the lifespan of these technologies are reducing day by day so maybe by the point you learn it there will be something new. Happened to me when I started learning java for android back in 2018 and kotlin followed by flutter came.

    • @GurpreetSingh-lc9ii
      @GurpreetSingh-lc9ii ปีที่แล้ว

      I think some AI first framework will come, Microsoft is pushing and testing such frameworks in closed groups .

  • @amrutkhot992
    @amrutkhot992 ปีที่แล้ว +13

    Very informative as always ..❤
    Please create next js crash course ...

  • @rasangalakshith1131
    @rasangalakshith1131 ปีที่แล้ว

    This is just wow explanation bro!

  • @hamood6443
    @hamood6443 ปีที่แล้ว

    Atg 9:35 you say that if I have a highly interactive website it might be really annoying, but would that cause the page to be slower in performance? Or in terms of performance would it be better to stick with CRA? I am planning on making portfolio website with lots of interactive and moving elements but I am not sure whats the best approach for performance.

  • @fockyable
    @fockyable ปีที่แล้ว

    Cool. I just was thinking about this😊

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

    Thank you, Lama

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

    Thank you bro ❤

  • @nandopookey9195
    @nandopookey9195 ปีที่แล้ว

    Thank you lama, thank you so much

  • @albertoromero1588
    @albertoromero1588 ปีที่แล้ว

    You’re a crack, Senzei, thanks for sharing!

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

    You actually can create a next application without using any of its features, so I dont think it creates extra difficulity when learning React. When you are learning React you usually also learn Routing at the end of the learning path for instance.

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

    Thanks for the video. As an Angular developer (mostly) who tries to keep up a little bit with other frameworks, I was quite confused to see no stable release on Github for 1.5 years.
    Seems to be a transition period, but I feel like it's all a big mess right now, with features that are unstable in React being called stable (and buggy, like the router fiasco) in next.js.
    Honestly I am not sure if I like that development for React. For me I always viewed it as a lightweight alternative to the heavyweight "all-in-one-solution" that is Angular.

  • @olivebishop3794
    @olivebishop3794 ปีที่แล้ว

    thanks, can you come up with next js course? ill be waiting for the drop

  • @mohdamir3767
    @mohdamir3767 ปีที่แล้ว

    That was really helpful. Make more videos like these we really love this.

  • @martapfahl940
    @martapfahl940 ปีที่แล้ว +8

    In Germany there are actually a lot of jobs for Angular devs. Most bigger companies use Angular in Germany. But React is very close up. I learned React and found my job in a mid sized company

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

      Yeah, I can confirm that. Germany is as always behind in terms of technology and using something that is a pain to use.

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

      @@superakaike But it takes off some of the pressure to be always up to date also xD You get tremendous salaries without being always on the latest tech trends

  • @markg.3171
    @markg.3171 ปีที่แล้ว

    I’m learning react and use CRA (create react app) with firebase. What framework is easy and I would like to know next?

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

    How do you simplifies the logics.Its impressive

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

    First comment lama. Literally waiting for your next video. Please make an advanced tutorial on the new next js technology.

  • @PlanetSachin
    @PlanetSachin ปีที่แล้ว

    Without you am nothing sir

  • @itsMohak
    @itsMohak ปีที่แล้ว

    You are terrific.

  • @amiryxe
    @amiryxe ปีที่แล้ว

    Very useful. thanks

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

    Can someone share the link for the libraries ranking mentioned in the video?

  • @jitx2797
    @jitx2797 ปีที่แล้ว

    As an alternative framework I had a choice between Svelte and Vue. I chose Svelte. Its easy with good documentation.

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

    Hi Lama, can you develop a small social network or a blog using reactjs spring boot and mysql or h2 datavase? Pls

  • @muxammad2777
    @muxammad2777 ปีที่แล้ว

    thank you very much

  • @georgemwaniki
    @georgemwaniki ปีที่แล้ว

    Whats the name of the shop template you showed ?

  • @Muhammed-nani964
    @Muhammed-nani964 ปีที่แล้ว

    that was a relief I know react and redux, but I got confused with all server action and other things that happens right now.

  • @gokusaiyan1128
    @gokusaiyan1128 ปีที่แล้ว

    which site were you using in "is react dying section" ?

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

    Thanks man

  • @fahimahmedsumon624
    @fahimahmedsumon624 ปีที่แล้ว

    Thank you lama,,, ❤

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

    I'd recommend Vite. It's more modern and helps debug the code well

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

    thanks! 😘

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

    Can you tell me the link to that site that shows the trend graphically?

  • @mohammadforutan341
    @mohammadforutan341 ปีที่แล้ว

    hi .plz ( why use redux & typescript in project ? use or not use ? ) make video and answer . tnk bro

  • @user-iy3cm3rt1z
    @user-iy3cm3rt1z ปีที่แล้ว

    Thanks

  • @kaisnguyen4086
    @kaisnguyen4086 ปีที่แล้ว

    Hi Lama. Can you guide pagination when there is a lot of data in the database using react and node? Or just load some data and when scrolling down will load more data? Your tutorials are very good and help me a lot. I'm always waiting for your next instructions. Tks

    • @stopy828
      @stopy828 ปีที่แล้ว

      If you using mongodb as a database you can check for something called (skip) and (limit)

    • @Chawput
      @Chawput ปีที่แล้ว

      Antd, Mui

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

    4:45 what is this site?

  • @rohanagrawal5747
    @rohanagrawal5747 ปีที่แล้ว

    Lama please make a video on on small pro project like production grade

  • @darpanrajput694
    @darpanrajput694 ปีที่แล้ว

    Bro can you please create some project
    Using prisma postgresql, nodejs, typescript, vite, React js or on PERN Stack using typescript

  • @MasudRana-bd3of
    @MasudRana-bd3of ปีที่แล้ว

    You are the best Man 💔

  • @luffymonkey6967
    @luffymonkey6967 ปีที่แล้ว

    Inspiring

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

    Lama make a NextJs course, please

  • @bertpaulmonsole507
    @bertpaulmonsole507 ปีที่แล้ว

    Sir lama can you teach us make a mern in typrescript full tutorial😊

  • @DeepakKumar-sn9zc
    @DeepakKumar-sn9zc ปีที่แล้ว

    Hi Lama.
    Can u please make node js with microservice project like hospital management system.
    Because now a day's all are uploading monolithic node js backend..
    If u will make it will be great help for us.
    Thanks in advance

  • @optimusprime844
    @optimusprime844 ปีที่แล้ว

    That e-commerce site on minute 11:11 , please create it using next js 13 , and MongoDB

  • @Abdallah-Mohsen
    @Abdallah-Mohsen ปีที่แล้ว

    Are we going to see a Next 13 project soon ?

  • @rb4845
    @rb4845 ปีที่แล้ว

    I'm start learning react...from you

    • @rb4845
      @rb4845 ปีที่แล้ว

      From last 6 month

  • @kanakaraju7655
    @kanakaraju7655 ปีที่แล้ว

    Thanks for the video. Try video servlet

  • @jousufjacob8251
    @jousufjacob8251 ปีที่แล้ว

    so , what is the difference between puru react and vite react?

    • @Ethanishful
      @Ethanishful ปีที่แล้ว

      No difference. Vite is just a build tool. frameworks have their own build tool, but the difference is that they also come with a node backend. Vite is the simplest way to learn react because you don’t need to learn about a framework specific backend.

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

    Will be the next project in next? :)

  • @AnandKumar-ji6wb
    @AnandKumar-ji6wb ปีที่แล้ว

    what is expo

  • @aytcunal
    @aytcunal ปีที่แล้ว

    👏

  • @salmansheriff8243
    @salmansheriff8243 ปีที่แล้ว

    please make tutorial on nextjs

  • @hwangblood
    @hwangblood ปีที่แล้ว

    I'm learning nextjs now, after that i want to learn qwik

  • @freespeech515
    @freespeech515 ปีที่แล้ว

    I stated learning react after watching your first video using nextjs then did try to test mobile app with expo and then using basic react app to create react admin page.
    When i used next js i did not like i have to use Use client in all pages involving MUI code.
    I really dont know which code deserve to be in SSR and not Client.
    This is blurred line.
    Also most all pages has buttons. If there is button it cant be SSR?
    FLAT HTML is only SSR? BLOG PAGE also has buttons. How it become SSR? ( less and more in them)

    • @kishirisu1268
      @kishirisu1268 ปีที่แล้ว

      SSR for all content which should be indexed (catalog, blog, product page), all interactive things like - product cart, maps, contact form, banners - NON SSR (dynamic in Next JS)

  • @jotasenator
    @jotasenator ปีที่แล้ว

    what is the next step about React improve path? what a dev should once he thinks he can work with React?

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

    Next video on next js

  • @AnkitKumar-lh9fl
    @AnkitKumar-lh9fl ปีที่แล้ว

    Please create a small project on react app using its framework

  • @danishdotak1998
    @danishdotak1998 ปีที่แล้ว

    Hi lama
    hope you are doing well i am following you and have learned alot from your course i just have a one requrest if you reading this comment please make a video on xmpp server and a whole chat application using xmpp protocol in my company i was working on it but didn't find any relevant infomation regarding xmpp there was lot bullshit docs but nothing useful only you can explain it in a easy way
    thanks

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

    Yeah different installation page would be better for React brand. Now it's like React devs working for Vercel.

  • @9622AX
    @9622AX ปีที่แล้ว

    Basic React is the base of every React based Framework. So start from base and then to the top.

  • @awakeningvoicechannel2353
    @awakeningvoicechannel2353 ปีที่แล้ว

    Please make svelte Tutorial

  • @Travel_grp84
    @Travel_grp84 ปีที่แล้ว

    Make tutorial on nextjs

  • @imPriyankCoder
    @imPriyankCoder ปีที่แล้ว

    more tutorial please miss your tutorials

  • @gokusaiyan1128
    @gokusaiyan1128 ปีที่แล้ว

    so it's going back to PHP roots lol ? SSR I meant

  • @wisdomelue
    @wisdomelue ปีที่แล้ว

    do a nextjs, typescript, mysql project lama

  • @4BeerLife
    @4BeerLife ปีที่แล้ว

    Go Svelte tutorial!)🦆

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

    1:14 Surprised? Why, React is in bed with Vercel now, it makes sense.

  • @darshmostafa6044
    @darshmostafa6044 ปีที่แล้ว

    After learning react , I should learn next js or not 🚫 ......

  • @mdnajmulhasan4109
    @mdnajmulhasan4109 ปีที่แล้ว

    Make a project please using next13.. ❤❤❤❤

  • @midhlajap
    @midhlajap ปีที่แล้ว

    Waiting for next13

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

    This lowkey sucks tho, because I have personally seen a decline in React Job Offers on LinkedIn, for example. I swear in November of last year 8/10 Offers were in React, now it's like 2/10.

  • @junsgk
    @junsgk ปีที่แล้ว

    I am betting every thing on nextjs.

  • @jamiukolawole6187
    @jamiukolawole6187 ปีที่แล้ว

    wow..

  • @kishirisu1268
    @kishirisu1268 ปีที่แล้ว

    Both React and Angular are great if you need job. You will not write apps from stratch using fancy nerdy Svelte of other toys, 99% cases your company already has many React/Angular projects and you will work with this existing code. Maybe if you dont need real job and only wasting time coding other tiny frameworks are ok.
    PS I learned React on Lama videos and now working as frontend developer. This channel is great.

  • @sidkapoor9085
    @sidkapoor9085 ปีที่แล้ว

    Next13 pls

  • @__aj2000__
    @__aj2000__ ปีที่แล้ว

    First

  • @kasvith
    @kasvith ปีที่แล้ว

    They just dont like Vite

  • @hiberniankingy
    @hiberniankingy ปีที่แล้ว

    Svelte gives a better developer experience than React in my opinion.

  • @Frank2tek
    @Frank2tek ปีที่แล้ว

    React is a stupid framework 🙂