SolidStart 1.0 First Look: Comparing to React / Next.js
Ғылым және технология
In this video CJ takes a look at the new 1.0 release of SolidJS and compares it to React / Next.js.
View the code here: github.com/w3cj/solid-vs-react/
00:00 Intro
00:51 SolidStart 1.0 Release
01:31 What is SolidJS?
03:19 Image Search App Overview
03:57 React Image Search
04:20 SolidJS Image Search
04:44 React Conditional Rendering
04:54 SolidJS Conditional Rendering
05:13 Signal Accessors
05:30 React List Rendering
05:39 SolidJS List Rendering
05:57 React Render / Update Cycle
06:21 SolidJS Fine Grain State Updates
07:02 React ImageLoader Component
08:46 SolidJS ImageLoader Component
09:46 Why I Like SolidJS
10:23 SolidJS Docs
10:57 SolidStart vs Next.js
11:20 Hacker News Client Overview
11:47 Next.js Layout and Routing
12:59 SolidStart is Modular
14:26 SolidStart Layout / Routing
17:16 Next.js Data Loading
18:25 SolidStart Data Loading
20:23 Prefetching / Preloading
21:46 Next.js Stories Page
22:11 SolidStart Stories Page
23:08 Should you use SolidStart?
24:30 The Future of Meta-frameworks
25:33 Thanks!
Ryan Carniato's talk "The Shape of Frameworks to Come" | • Ryan Carniato - SolidJ...
SolidStart 1.0 Release Announcement | www.solidjs.com/blog/solid-st...
SolidJS | www.solidjs.com/
SolidStart | start.solidjs.com/
vinxi | github.com/nksaraf/vinxi
Next.js | nextjs.org/
------------------------------------------------------------------------------
Hit us up on Socials!
www.syntax.fm/links
Brought to you by Sentry - Use code "tastytreats" to get 2 months free - sentry.io/syntax
#react #javascript #typescript #webdevelopment
Пікірлер: 24
About the drawback having to call the signal everywhere, `` can takes a callback as a children. The callback's argument is the signal value. So it remove the extra `()!.` everywhere
CJ on Syntax?!?!?!?! Woohooo! Didn't know that. Awesome!
@diemantrabeats7551
11 күн бұрын
He has lots of great videos on the channel now
Awesome! Would love to have the same format and more content on Svelte 5 & SvelteKit :)
Great comparison CJ! More of these when applicable pls. Keep it up sir!
Let me pause the video and like it first. I swear, Ryan is too smart. He always comes up with a remarkable mental modal. It is actually the best mental modal and so easy to reason about. Your video and explanation is beyond amazing also, thank you!
CJ loves you missing in coding the garden channel as well. You are the best teacher and a very good person. When I see your face, I feel awesome, man.
I can't focus on what you say cause the tips of your mustache are moving! hahaha
great video! it would be awesome to have one of these for Svelte 5 + Kit :]
@MadeInJack
16 күн бұрын
+1 for Svelte content!!
looks solid
I think you missed the section of stores in the solid docs (?) 🙏 Great video!
Next.js has smart prefetch and can be set manually on router/link
Can you compare Next and Nuxt?
Seems like it could be a viable solution in a couple years when the API's is stabilized and the ecosystem is a bit more mature.
@rand0mtv660
18 күн бұрын
I think the point of v1.0 is that the API is stable now. I do agree with the ecosystem part.
how about the Qwik - CJ could you please talk about that as well. I guess Qwik is better than any other framework out there
@codigoq6084
3 күн бұрын
I tried Qwik once, every time I get to test an app, I get the default proyect, execute it and simulate a slow 3G connection, at the moment, when I tried Qwik, the delay after clicking and loading the JS Made me realize that their approach is poorly thought out, great in concept, perhaps in the future when global apps can be accessed from any place of the world with good connections, meanwhile, I can almost bet My life You would throw your phone with those bizarre interactions Note: I tried it about a year ago, maybe Even 2 years ago
Next Link does prefetch by default.
Very good. Solid is definitely better than React!
second
first
third
comments.unshift("first")