I love how watching your videos still makes me want to get off the couch and go do some programming to try something new. 😊 I'm stoked you found a home with the Syntax team. You fit right in. Super happy for you man.
@@syntaxfm oh my bad, I meant to say tanstack start! It’s a new framework based on all the tanstack things including and having as base tanstack router which is a very typesafe router!
Ah gotcha. I considered including it, but their site mentions it is not ready for public use yet. tanstack.com/start/latest After some research it looks like tanstack router has SSR capabilities: tanstack.com/router/latest/docs/framework/react/guide/ssr
Great video, thank you. Will pick one of either Remix, Vike, or Vite SSR boost, when we need to add SSR to our React Vite SPA. I don't really like Next.JS after trying it.
Svelte or Solid for quality ✨ Lots of jobs for Next.js these days though. Even more for Vue.js. However, the regular old Vite/create react apps are dominating the market for jobs. But if I had to bet on the future, I think Solid.js May slide in to first place. Only because syntactically it looks very similar to react but its performance top tier like Svelte
If there is an existing CRA app then remix is the wisest choice. If the project is new and SPA is the requirement then tanstack router is the best choice. That's all we need really 😊
Great overview of some alternative frameworks. I do want to add that the waku shared component docs also apply to nextjs. This is a react server component thing, not a waku thing
Well it comes out that in practice React is concreted by Next.js (as you can see hiring core-team React to Vercel had the intended effect) and this is the biggest downfall of this "open source" framework.
Curious if CJ has checked out Laravel. Laravel is known for the best in backend server logic. I'm not really looking for a head to head comparison, but I think Laravel is often overlooked when it might be a great choice for a developer seeking to manage data.
ExpressJS is one of the most mature back-end JS frameworks out there. The concepts used in express like requests, responses and middlewares carry over to most frameworks. However, SSR in express uses templates / views which is a very different concept from server rendered react and react server components. To use express with react you would likely build a JSON API with no server side rendering and connect it to a client rendered react app (with vite) via fetch requests.
@@syntaxfm Server side render w/ hydration of React app is possible when using Express. Think of React JSX files as templates (like EJS files), but with the ability to get hydrated later in browser. Although not documented officially, you can find many articles and videos online that explains how to do that. This way, you don't have to rewrite whole Express app in NextJS or other SSR frameworks just to have SSR React.
Fresh is based on preact and tied to Deno. All of the frameworks I list use react and can be deployed to any JS runtime. Fresh is promising for certain scenarios though fresh.deno.dev/
![*Next-door 10x Software Engineer* [FULL]](/img/1.gif)
I love how watching your videos still makes me want to get off the couch and go do some programming to try something new. 😊 I'm stoked you found a home with the Syntax team. You fit right in. Super happy for you man.
Next start deserves a spot in the experimental category! Awesome video as always!
I have not heard of next start. Do you have a link? Nothing is coming up in my search.
@@syntaxfm oh my bad, I meant to say tanstack start! It’s a new framework based on all the tanstack things including and having as base tanstack router which is a very typesafe router!
Ah gotcha. I considered including it, but their site mentions it is not ready for public use yet.
tanstack.com/start/latest
After some research it looks like tanstack router has SSR capabilities: tanstack.com/router/latest/docs/framework/react/guide/ssr
love the summary, you have saved me so much time. Great content!
Coding Garden with CJ is so back 😍
This is easily my favourite webdev channel
Great video, thank you.
Will pick one of either Remix, Vike, or Vite SSR boost, when we need to add SSR to our React Vite SPA. I don't really like Next.JS after trying it.
Svelte or Solid for quality ✨
Lots of jobs for Next.js these days though. Even more for Vue.js. However, the regular old Vite/create react apps are dominating the market for jobs.
But if I had to bet on the future, I think Solid.js May slide in to first place. Only because syntactically it looks very similar to react but its performance top tier like Svelte
Waku. Never heard of it b4 but it caught my attention
If there is an existing CRA app then remix is the wisest choice.
If the project is new and SPA is the requirement then tanstack router is the best choice.
That's all we need really 😊
Expected to see vike in the "build your own framework" category but ig their versatile plugins blinded CJ
Great overview of some alternative frameworks. I do want to add that the waku shared component docs also apply to nextjs. This is a react server component thing, not a waku thing
CJ's content is too good
Actually most competitor one is Remix. Fully detailed Remix would be awesome. I did try some, it looks promising.
Well it comes out that in practice React is concreted by Next.js (as you can see hiring core-team React to Vercel had the intended effect) and this is the biggest downfall of this "open source" framework.
Tanstack Start 🚀
Great for featuring Daishi's Waku but I missed Tanstack Start here.
I think you wanted to say "stop using react"?
Would be very interested in hearing your thoughts about Laravel with with Inertia+React
If you look into this, make sure to set it up with the spatie typescript transformer for typesafe data loading in jsx pages straight from php
Curious if CJ has checked out Laravel. Laravel is known for the best in backend server logic. I'm not really looking for a head to head comparison, but I think Laravel is often overlooked when it might be a great choice for a developer seeking to manage data.
Nice video and nice new look
You missed HonoX.
I've been learning ExpressJS for the past few months should I move to more mature frameworks or stick with Express and try to master it ?
ExpressJS is one of the most mature back-end JS frameworks out there. The concepts used in express like requests, responses and middlewares carry over to most frameworks.
However, SSR in express uses templates / views which is a very different concept from server rendered react and react server components.
To use express with react you would likely build a JSON API with no server side rendering and connect it to a client rendered react app (with vite) via fetch requests.
@@syntaxfm Server side render w/ hydration of React app is possible when using Express. Think of React JSX files as templates (like EJS files), but with the ability to get hydrated later in browser. Although not documented officially, you can find many articles and videos online that explains how to do that.
This way, you don't have to rewrite whole Express app in NextJS or other SSR frameworks just to have SSR React.
Daishiiiiii ❤
And what about Adonis with Inertia?
Will this be about vinxi? Please
I talk about vinxi towards the end: ruclips.net/video/puCgAfHMeoY/видео.html
i tho that am the only one who hate next js
So what're saying Sveltekit is trash?
This video is about React not Svelte.
Svelte > React
I'm just trolling. Great video btw!
React router 7
Oh nice, i dont like next JS
No deno fresh 😡
Fresh is based on preact and tied to Deno. All of the frameworks I list use react and can be deployed to any JS runtime. Fresh is promising for certain scenarios though fresh.deno.dev/
First 🤪😜😛
WHAT A MESS!
What is?
ReactJs ecosystem continue to grow, but not as big as Svelte's 😅😅