Solid Start Crash Course
HTML-код
- Опубликовано: 2 окт 2024
- A quick look at Solid Start.
💬 Topics:
What is Solid;
What is Solit Start;
Solid Reactivity & Signals;
Server Functions;
Client & Server Routes;
Server side rendering.
🥇 Become a Member - / @awesome-coding
✉️ Join the Newsletter - newsletter.awe...
📖 Blog Article - www.awesome.cl...
Yes I am interested in a deep dive into this!
Solid really looks promising
Thanks for the feedback!
@@awesome-coding It would be cool to see a Solid File System example video
me too. I want to lean more about Solid
@@awesome-codingso… Are we gonna get it?
@@PhilanJames Yes! It's on my list :D
But i just learned Svelte :(
Keep learning svelte
Don't worry - at this point they are pretty much the same thing. Same concepts, same implementation just a different developer experience.
When Svelte 5 comes out you'll have to relearn Svelte and it's new runes system as well 😉
I learned svelte 5.
Runes are like added featues
@@CoolestPossibleName I mean i need too, working for a Company with a Svelte stack :D
Yes - we are interested. Maybe a crash course video with deployment included. Thank you!
Will do!
sveltejs, solidjs and qwikjs more better than reactjs, but the community ..... :(
Finally a 1.0 release
Yep.. they took their time with this one.
I love solid and I played around with solid start when it was first announced and was impressed. I'd love more videos about it in the future
how does caching with use server work? will it cache the data on the server or tell the client to cache it locally?
Genuine question, is there any good company out there that uses the "modern" way to write web apps?
Every good company I see, when I say good I mean companies that make good money, uses tech that most hipster devs would call "old" - Larvel, Django, NestJS, Ruby on Rails, Express, Angular, Vanilla React etc.
They use them but not on major projects. For example, on a portion of Apple's website, I don't recall where, it uses Solid.
Open AI uses Remix.
Why use a fetch call for the mutation? Could you not simply use "use server" to turn it into an RPC?
Yes I could - I wanted to show multiple ways of working with the server.
Love the format of the video. Keep it up
Thank you!
`tasks` state instance manually synchronized with the BE state looks suspicious as a pattern. Great video anyway.
I really like Solid, but I don't know what is it's place if React already exists.
We could say its faster, but that's not really a valid argument, most people aren't rendering millions of elements per second.
It really depends on what you want to build. Personally, I create highly interactive applications with a lot of CRUD operations. I choose SolidStart because it makes building CRUDs super easy. In SolidStart, you can define a server function and pass it to a form or use the useAction hook. Plus, you don't need to worry about loading states since they're streamed. The API is stable and doesn't change often, so there's less refactoring. I've had too many issues with React's virtual DOM performance, so I avoid it now.
Solid has fewer foot-guns. Performance wise, the new React Compiler implies that unnecessary re-renders are significant enough there are enough cases where performance can be a problem. I think the performance is useful in areas where otherwise you'd need to spend time and add additional complexity in order to optimize.
React, especially new one, consumes an insane amount of CPU power for its full tree reconcilations (now including server-client communication) and virtual DOM. Solid will save your device battery much better. So (initially) Solid will be the most interesting for people concerned about mobile web and slow devices.
I stick with Vue / Nuxt, best dx with proper ecosystem
Fair enough!
Me too but I want to include Solid into my kit. 🤔😊
i wish they would've stuck with server$ as opposed to the server actions. i find it to be more explicit. the rust frameworks have a #[server()] macro which accepts a component and an endpoint as arguments which i like too. when i look at server actions i have to think for a second. it's just a weird pattern.
Absolutely love Solid for kicking off the Signals trend. But I just can’t imagine them gaining much ground in the current framework war
Why is that? We just need more ecosystem built around it. A good component library (something like ant design) will go a long way.
@@awesome-coding And shadcn has already been ported over, so that's a plus.
I also thought the same about sveltekit or remix,but I'm glad they all exist since they shine in a certain ability,making it easier to choose the framework required for a task
Here we go! Learn another framework again! 😂
We call this job security in the frontend industry. It's such a sh*t show that it keeps potential new developers away...
This not a 'crash course'! more like an 'Armchair ToDo app' . A real world app with auth and json api would be much more appreciated.
The "armchair expert" is my middle name!
Great summary! I've been watching your videos for a while now, its nice to have a name to this series!
Are you thinking about naming the videos more with Snippets in the name?
Would love to see a deep dive on SolidStart and another on Svelte 5 when it drops! 🙂
Thank you for your feedback!
Do you think it would be useful to add "the Snippet" in the name as well?
@@awesome-coding Yes, perhaps, and maybe a very short intro. But even a playlist on your channel would be useful
Again a "use server" bullshit.how the fuk os that a good idea?
Yea.. I don't like this either.
Very interesting and awesome explanation thank, do more tut about this plz!
Why did they adopt File Based Routing? :(
Finally 1.0. I was using solidjs on/off for last few side projects. I was waiting to use solidstart in production.
I made file system based routing in golang for vanilla js 😤
Nice!
talk is cheap, show us the code (c) Linus Torvalds 😅
ilove svelte
Not going to lie I have huge respect for web developers, I was involved in project was the most boring shit i did in the while.
Yep... There is only so much you can inovate by moving things around on a web page.
This is why we love keeping things fresh by reinventing the tools we are using every month.
Hi , I'm new to web development but have learnt programming in JavaScript,html
Can you suggest how to start learning Web development with new framework like solid/astro. People are suggesting me to start with something like react and then switch to other framework, any disadvantage on learning Web development with solid/astro instead of old frameworks
I'm not looking for a job , so you can exclude that reason
If you're not looking for a job and you're excited about Solid or Astro, go ahead and dive in! At the end of the day, if you become good in one framework, it will make it easier to transition to another. All the best!
There's no reason you couldn't start with Solid and then pick up React later if you want to, or the other way around.
The only reason I could think to learn React first if you eventually want to learn both, is that React has a lot of quirks that are hard to figure out the first time you encounter them, if you're used to other frameworks. Solid makes way more sense and doesn't have many of the same quirks.
My advice would be to not start out with one of these "meta" frameworks (nextjs, solid start, nuxt, etc.), and to just start out learning by building SPAs.
Here we go "use server" again 😲
😅
Would love a deep dive.
need a deep dive
Will do!
Please, give us the full shaft for this one 🙏
Will do!
Yes, I am interested. Amazing vídeo!
Glad to hear it! Thanks!
A deep dive would be interesting
Will do!
Looks too much like React, wish it got rid of JSX and use normal HTML.
Svelte
@@Miles-co5xm Vue looks better
Vue
@@Bawar33 Vue 100%, even better Nuxt
JSX is fine. It just looks like HTML. 🤷🏾♂️ I say this as someone who does Vue.
More rust pleasee
It's on the list!
Another framework 🤦🏻♂️
Oh JavaScript community 😂
✌️
That casting looks awful
I believe there were some friendlier ways to handle that.