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 Рік тому +83

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

  • @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.

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

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

  • @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!

  • @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. 😉🔥

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

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

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

    You are the godfather of web development, great explanation

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

    Adores your informative videos. Thanks!

  • @Jg-vz3zi
    @Jg-vz3zi Рік тому

    Thank you Lama! you are awesome my friend.

  • @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.

  • @radoslavrac8619
    @radoslavrac8619 Рік тому +12

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

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

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

  • @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....

  • @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

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

    Amazing video!! Very informative!!

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

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

  • @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 .

  • @viniciusm.m.7822
    @viniciusm.m.7822 Рік тому

    Thanks man!
    God bless you!

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

    Cool. I just was thinking about this😊

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

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

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

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

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

    This is just wow explanation bro!

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

    Thank you bro ❤

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

    Thank you lama, thank you so much

  • @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.

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

    Thank you, Lama

  • @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 7 місяців тому +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 7 місяців тому +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

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

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

  • @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.

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

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

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

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

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

    How do you simplifies the logics.Its impressive

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

    thank you very much

  • @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.

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

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

  • @JeanBaptisteChabi
    @JeanBaptisteChabi 2 місяці тому

    Thanks man

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

    Very useful. thanks

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

    You are terrific.

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

    Without you am nothing sir

  • @user-iy3cm3rt1z
    @user-iy3cm3rt1z Рік тому

    Thanks

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

    Thank you lama,,, ❤

  • @biocamino_ezequiel
    @biocamino_ezequiel 2 місяці тому

    thanks! 😘

  • @Matrium0
    @Matrium0 5 місяців тому +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.

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

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

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

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

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

    Whats the name of the shop template you showed ?

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

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

  • @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?

  • @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

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

    Lama make a NextJs course, please

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

    👏

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

    Thanks for the video. Try video servlet

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

    I'm start learning react...from you

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

      From last 6 month

  • @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

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

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

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

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

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

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

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

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

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

    Next video on next js

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

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

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

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

  • @Abdallah-Mohsen
    @Abdallah-Mohsen Рік тому

    Are we going to see a Next 13 project soon ?

  • @9622AX
    @9622AX Рік тому

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

  • @AnkitKumar-lh9fl
    @AnkitKumar-lh9fl Рік тому

    Please create a small project on react app using its framework

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

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

  • @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

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

    Inspiring

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

    more tutorial please miss your tutorials

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

    Will be the next project in next? :)

  • @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

  • @4BeerLife
    @4BeerLife Рік тому

    Go Svelte tutorial!)🦆

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

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

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

    please make tutorial on nextjs

  • @MasudRana-bd3of
    @MasudRana-bd3of Рік тому

    You are the best Man 💔

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

    do a nextjs, typescript, mysql project lama

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

    4:45 what is this site?

  • @imran-khan_fans8484
    @imran-khan_fans8484 Рік тому

    Make tutorial on nextjs

  • @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)

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

    wow..

  • @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.

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

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

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

    Please make svelte Tutorial

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

    Waiting for next13

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

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

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

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

  • @AnandKumar-ji6wb
    @AnandKumar-ji6wb Рік тому

    what is expo

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

    Next13 pls

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

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

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

    I am betting every thing on nextjs.

  • @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.

  • @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.

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

    First

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

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

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

    They just dont like Vite

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

    React is a stupid framework 🙂