Next.js vs React - What's the difference?

  Рет қаралды 44,138

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Пікірлер: 61
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
Hey friends, thanks so much for checking out this crash course! You can subscribe to my channel over here 👉 www.youtube.com/@Kulkarniankita to continue learning further! Hope you like the course 😊
@jopadjr
@jopadjr 6 ай бұрын
Great video !!!
@-ok-
@-ok- 8 ай бұрын
I love this video... * The pace and depth was perfect for me. * As someone new to Web Dev (previously Data/Desktop), this provided a great overview of the technologies involved. * The relaxed, informal - friendly style made the topic approachable. * She referenced the docs, and made me realise that even the pros just follow instructions! * Comparing react vs next was an unusual/risky choice, but it worked - react gives the concepts some depth, and next makes them approachable for newbies. Having said that, there are some things could have been done better: * Minor glitch with your voice at 14:57 * The entire Client vs Server components section (starting 1:21:01) was confusing - it should have been researched and conveyed clearer (IMO). * From 1:35:01 to 1:37:39, you were making changes to code etc, but we couldn't see the code/screen - only your face was visible - and at the end of the section, the voice is suddenly cut off and the video seems to transition all of a sudden to the next topic. I struggled a bit to continue after the sudden topic switch to Context / etc - I assume you might have recorded some more information about the Context and what purpose it serves etc but it was cut out due to the editing issue mentioned above. This is the feedback until 1:38:00 - I hope to continue the course later and share any additional thoughts after that. None-the-less, this has been very helpful - thank you! And I wish you all the best.
@Kulkarniankita
@Kulkarniankita 7 ай бұрын
Thanks for your detailed feedback 🙌
@chriskemmett
@chriskemmett 8 ай бұрын
This is a very informative video - thanks. Around about 1:36:00 you talk about changes you are making, but we don't see any screen recordings, just yourself talking.
@spacexnix
@spacexnix 8 ай бұрын
You're reading my mind. I recently thought that we lack such a comparison. And it hasn't been a few days since this video was released! Thank you very much. It's a really amazing comparison.
@ssava_ema
@ssava_ema 8 ай бұрын
I think this is enough for me to get started with NEXT.js
@ozaiproduction3450
@ozaiproduction3450 8 ай бұрын
Very informative comparison. Thank you for sharing this video. I use Remix JS now since its easier to create shopify stores with it
@richardbrain5620
@richardbrain5620 7 ай бұрын
Great video until 1:35, at which point I had to abandon the video as I couldn't see the code, which was frustrating. I did learn a lot though: it was very clearly, thoughtfully, and concisely explained.
@georgevs75
@georgevs75 8 ай бұрын
Minor suggestion - since one of the course objectives is to compare react vs next, the names of the projects themselves (rather than the base paths) should reflect on the project type. This way it will be immediately obvious from the explorer tab caption which context the current presented file pertains to
@-ok-
@-ok- 8 ай бұрын
Isn't that what she did - name the projects differently (tasty-react vs tasty-next)? In my VS Code, the project names (tasty-react / tasty-next) are visible in the package.json, Explorer, and in the search box on the top... Not sure what we're doing differently.
@LukeDyani-rh3zd
@LukeDyani-rh3zd 8 ай бұрын
This course is very important..thank you
@StevenCodeCraft
@StevenCodeCraft 8 ай бұрын
Wow, this is a great course and I really like the visual diagrams!
@carlosalbertocabreraquirog8297
@carlosalbertocabreraquirog8297 7 ай бұрын
Why don't you use PascalCase for naming React component files? Isn't it a better practice?
@Iammuslim947
@Iammuslim947 8 ай бұрын
A difference video is 2 hour long ,appreciate u guys👏 however i didn't watch it😅
@ОленаНехрищинюк
@ОленаНехрищинюк 6 ай бұрын
That was really good!
@newbie-swdev
@newbie-swdev 7 ай бұрын
Hello, I've followed your tutorial through and through but my app displayed on the browser isn't entirely responsive (Doesn't reduce to 4-3-2-1). On my small MBP-13 I have 4 columns of the recipe displayed but the cook time is even displayed outside of the card's border. Could you also explain why are some functions like getAllRecipe, getRecipe and fetchRecipe in your videos are defined as asynchronous function, is there any purpose behind it? And why do the ingredients and instructions have keys in it? Is it necessary?
@jojokman
@jojokman 8 ай бұрын
awsome video !! love the way you pronounce vite , i hear weed 😛
@effortlessjapanese123
@effortlessjapanese123 8 ай бұрын
Mine didn't create a .next build folder like your's did 25:57
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
When you run npm run dev it has to create that folder or your app wouldn’t be working. Are you sure you aren’t hiding any folders?
@newbie-swdev
@newbie-swdev 7 ай бұрын
Hello, this might sound silly but is there any specific reason to why not all .tsx (pages) has import React from 'react' included?
@Kulkarniankita
@Kulkarniankita 7 ай бұрын
Next already adds React in context for tsx or jsx files
@alikaracadev
@alikaracadev 8 ай бұрын
awesome video
@rishiraj2548
@rishiraj2548 8 ай бұрын
Great thanks
@doruktekel3438
@doruktekel3438 8 ай бұрын
14:57 / 15 :01 voice is gone
@JanSingYan
@JanSingYan 8 ай бұрын
Thanks sir
@levdoescode
@levdoescode 4 ай бұрын
1:07:04 That's wrong, 'American' is not a cuisine 😁
@TheDavidlloydjones
@TheDavidlloydjones 8 ай бұрын
Her name was impossible to catch when said quickly, so you should spell it out in the caption or else overlay it on the video at some point.
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
Hi! I’m Ankita :) you can check my channel at www.youtube.com/@kulkarniankita
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
Hey I’m Ankita - the creator of this course! 😊
@effortlessjapanese123
@effortlessjapanese123 8 ай бұрын
my tsconfig.json doesnt have "paths" like yours 33:37
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
You could add it so you can import without using ../
@worldhack.1201
@worldhack.1201 8 ай бұрын
Provide complete devops course with nodejs
@chroniclesofcliches
@chroniclesofcliches 8 ай бұрын
Stop reading comments and focus on the video
@KaliadderExperiments
@KaliadderExperiments 7 ай бұрын
😮
@BMILTV
@BMILTV 8 ай бұрын
She said it… but the 2 aren’t comparable
@exploreinsixtyseconds
@exploreinsixtyseconds 8 ай бұрын
react context is such a headache
@afritbagani
@afritbagani 8 ай бұрын
Me who learning both.
@naveenchinthakindi9418
@naveenchinthakindi9418 8 ай бұрын
👍👍
@mahadevprasadpal7829
@mahadevprasadpal7829 8 ай бұрын
I knew from the thumbnail that she must be an Indian 😄
@navstr10
@navstr10 8 ай бұрын
main v 😅🙌🙌
@sushantdeshmukh4854
@sushantdeshmukh4854 8 ай бұрын
Yeah boi😂😂💀
@davidmaeso7187
@davidmaeso7187 8 ай бұрын
Afortunadamente me lesioné solo 1 vez cuando comencé a correr. Llevo años sin lesionarme ya que voy mucho por FC y sensaciones. Respetando siempre estiramientos y descanso.
@abirdutta1357
@abirdutta1357 8 ай бұрын
I just saw her another video today
@Kulkarniankita
@Kulkarniankita 8 ай бұрын
I am glad the algorithm is doing its thing 😊
@TomiokaGiyu4
@TomiokaGiyu4 8 ай бұрын
The title says what's the difference between them, I found out the answer later, wasn't expecting a tutorial. Also, the tutorial is hard to follow up with, too much to take and too little explanations. Definitely a discouragement
@drinsafahmed
@drinsafahmed 8 ай бұрын
Ooo you are maybe indian or asiyn
@worldhack.1201
@worldhack.1201 8 ай бұрын
First comment
@SRG3482
@SRG3482 8 ай бұрын
Second comment
@andiolibron9986
@andiolibron9986 8 ай бұрын
Why is this comment only got one like?
@nested9301
@nested9301 8 ай бұрын
Stop the zestiness
@7Buluttar
@7Buluttar 8 ай бұрын
Why do you need likes?
@Ham.AI.
@Ham.AI. 8 ай бұрын
First
@youssefkanzouz3215
@youssefkanzouz3215 8 ай бұрын
Arabic please
@Bread-vk8fl
@Bread-vk8fl 8 ай бұрын
Learn english please
@_justarandomone_8884
@_justarandomone_8884 8 ай бұрын
Chinese for me also.
@-ok-
@-ok- 8 ай бұрын
@@Bread-vk8fl I think he meant that Arabic cuisine should be included in the list 😂
The Story of Next.js
12:13
ui․dev
Рет қаралды 589 М.
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 3,3 МЛН
10 common mistakes with the Next.js App Router
20:37
Vercel
Рет қаралды 237 М.
3 Important SEO Hacks for React Developers
10:37
Mehul - Codedamn
Рет қаралды 28 М.
1 Year of Coding in 8 Minutes
7:31
Beckett Oliphant
Рет қаралды 4,8 М.
Next.js isn't React
17:11
JavaScript Mastery
Рет қаралды 264 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,6 МЛН
I Redesigned the ENTIRE YouTube UI from Scratch
19:10
Juxtopposed
Рет қаралды 970 М.
Next js vs React - (2025) Difference Explained
10:16
Daniel | Tech & Data
Рет қаралды 85 М.