Solid in 100 Seconds

  Рет қаралды 668,655

Fireship

Fireship

2 жыл бұрын

SolidJS is a JavaScript framework for building fast, declarative UIs on the web. It shares many ideas with React, but does not use the virtual DOM to deliver a more performant and pragmatic developer experience.
#webdev #programming #100SecondsOfCode
🔗 Resources
Solid Docs www.solidjs.com/
Solid GitHub github.com/solidjs/solid
React in 100 Seconds • React in 100 Seconds
Svelte in 100 Seconds • Svelte in 100 Seconds
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- Solid vs React
- Is solid better than React?
- What is Solid.js?
- SolidJS basics tutorial
- Solid performance benchmarks
- Should I use Solid for web dev?

Пікірлер: 1 000
@georgios_georgiou
@georgios_georgiou 2 жыл бұрын
Seems like a React dream.. definitely has promise and a more direct coding approach while being friendly to React developers without the boilerplate that go with it
@sumitpurohit8849
@sumitpurohit8849 2 жыл бұрын
Also lightweight in production.
@philheathslegalteam
@philheathslegalteam 2 жыл бұрын
@@ThotsAndPrayers dont do drugs kids…
@universecode1101
@universecode1101 2 жыл бұрын
I am a Js - React developer and I have to tell the truth maybe Solid and Svelte are the future. Now I think it's better, to learn React and Next, and then learn these two technologies, I say this only because the world of work today seems to me more oriented to the React world. And don't forget that Facebook is behind React, so it will be more and more famous
@DanielNistrean
@DanielNistrean 2 жыл бұрын
@@universecode1101 It's likely React will ship v. 19 with Automemoisation, which could improve the performance significantly. What really matters is what Tech the job market is using, now it's React. For personal projects Solid is a no brainer.
@DanielNistrean
@DanielNistrean 2 жыл бұрын
On other topic, React has to maintain backwards compatibility while new frameworks don't. There will always be faster/cleaner tools after 4,5 years of a framework existence, but that won't matter unless it has earth shattering advantages. A tool is just a tool, like a hammer is just a hammer.
@kaidenrogers
@kaidenrogers 2 жыл бұрын
HOLY SH!T IT'S FINALLY HERE! I've been using it since your "I built the same app 10 times" video as the first front-end framework I've actually bothered to learn, and I've been loving it! Thank you for this :)
@lepystudio8974
@lepystudio8974 2 жыл бұрын
Pros Cons ? Worth it?
@duzx4541
@duzx4541 2 жыл бұрын
@@lepystudio8974 my question
@Yadin1234
@Yadin1234 2 жыл бұрын
Solid is production ready to massive app?
@thebasedone2182
@thebasedone2182 2 жыл бұрын
@@lepystudio8974 Cons would be the ecosystem is still yet to mature. React has the biggest ecosystem right now and it easily beats the other frameworks (Closest would be Vue).
@Black-Dawg-Jesus
@Black-Dawg-Jesus 2 жыл бұрын
@@Yadin1234 The 2 biggest problems are a) it's does not have a large community, so answers to framework specific problems are harder to find than e.g. for React/Angular. This also means 3rd-party libraries for the framework are not as abundant as for the bigger frameworks. And b) it does not have a big player behind it. E.g. React is maintained and developed by Facebook/Meta and Angular is maintained and developed by Google. With such known and big names behind their back people are more prone to use these frameworks. These 2 problems alone are enough that this will probably not be used on an enterprise-level. And most massive apps are made by companies, so enterprise-level. If you're a solo developer or a good talker who can persuade your boss into using it, then go for it. It's easy to use, has good performance and the documentation is also okay. But keep in mind that if you run into problems, you are less likely to find a quick answer than you'd e.g. for React.
@gabrielvian1897
@gabrielvian1897 2 жыл бұрын
We absolutely need a full tutorial on this! Sounds like a React dream
@appraisir598
@appraisir598 2 жыл бұрын
Solid video!
@RedCrafter07
@RedCrafter07 2 жыл бұрын
I like how Jeff made everything in 100 seconds but he still goes on with new topics, I appreciate that!
@sumitpurohit8849
@sumitpurohit8849 2 жыл бұрын
Because a new javascript framework is born every few minutes.
@RedCrafter07
@RedCrafter07 2 жыл бұрын
@@sumitpurohit8849 so true
@solid_js
@solid_js 2 жыл бұрын
@@sumitpurohit8849 That's a good thing! Innovation shouldn't ever stop. If Solid, Svelte or Vue fails to take off then I hope the next thing with better DX and performance is hopefully just behind them. We need constant iteration to determine what the future looks like.
@shiorinyan
@shiorinyan 2 жыл бұрын
And there are still a lot of topics yet to be covered, which is a good thing, because then we can get more 100 second content :DD
@schneefackel7053
@schneefackel7053 2 жыл бұрын
His greatest achievement, however, is making us all believe that 2:20 minutes == 100 seconds.
@m0ke0
@m0ke0 2 жыл бұрын
YOOOO THEY PUT THIS ON THE OFFICIAL SITE
@candrewlee14
@candrewlee14 2 жыл бұрын
With Solid and Svelte, the future of webdev is in good hands.
@drkl9066
@drkl9066 2 жыл бұрын
Vue 3 with composition api is great too
@IshanKBG
@IshanKBG 2 жыл бұрын
React 18 and next RSC update will also be good Seeing competition among them to make things perfect is awesome
@katobiz
@katobiz 8 ай бұрын
​@@IshanKBGnah.. it still suck..
@darkoplax7688
@darkoplax7688 5 ай бұрын
watch it be Angular and React(Next) for the next 10 years Svelte and Solid are cool but the old dogs dont seem to be moved at all ... unless Microsoft or a big tech buys them
@LuizHenrique-em8yp
@LuizHenrique-em8yp 2 ай бұрын
@@darkoplax7688 The reality is that the problem is not with framework X or Y. In fact, it may be that one has something better than the other. The real problem is mediocre and poor programmers who don't know how to read documentation or apply best practices. For them, the problem will always be the tool, sad but true!
@jonasdorken8835
@jonasdorken8835 2 жыл бұрын
To be honest, your Videos are an instant share to my collegues, so they know whats going on in the dev world. Thank you very much for your work!
@dvalley56
@dvalley56 2 жыл бұрын
Instead you can tell them to subscribe :)
@PhilipAlexanderHassialis
@PhilipAlexanderHassialis 2 жыл бұрын
Friggin finally. The React that actually works. This little library slaps really hard and comes with so much good stuff baked in. All it needs is a little push from the community, much like Svelte enjoys atm and it will definitely deliver.
@mirzabicer3896
@mirzabicer3896 2 жыл бұрын
This actually seems amazing. I wish it had a larger community tho, that would make it more attractive edit, just to make everything clear: I did know Solid, I didn't know it in detail. And no, I won't be a volunteer for helping the community grow instead of just sitting and wishing it to grow. I'm not a good enough developer to be doing on my own out there and bootstrapping a community. That's the work of senior developers who are capable of doing so.
@evilgibson
@evilgibson 2 жыл бұрын
that's the challenge in any fly-by-night JavaScript environment/framework. You need to demonstrate immediate impact or it will just fade to nothing. Pining for a community to pick it up is not what the world is today.
@askeladden450
@askeladden450 2 жыл бұрын
to me personally, this does seem like a massive improvement at first glance, both with workflow and performance. but then, I haven't used it at all and there are bound to be a lot of gotchas hiding somewhere
@ds_7
@ds_7 2 жыл бұрын
Be a part of it
@evilgibson
@evilgibson 2 жыл бұрын
@@ds_7 nope. not interested. but that demand is actually hilarious.
@theguythatcoment
@theguythatcoment 2 жыл бұрын
There's already a documentation page, if you need a communtity to copy code blocks from, then tough tities.
@lThePotatoCrew
@lThePotatoCrew 2 жыл бұрын
I just saw this the other day and fell in love with it. I'm happy you're covering a video on it as well ☺️!!!
@igormriegel
@igormriegel 2 жыл бұрын
Wow, you made me love Solid, the idea of having an abstraction that returns me DOM elements instead of other stuff seems damm cool to me.
@OwO-.
@OwO-. 2 жыл бұрын
wow, ive been a longtime svelte fan but this seems awesome, im not really a react fan but this really seems like a good approach to that. great video!
@dominicanfrankster
@dominicanfrankster 2 жыл бұрын
I started using Solidjs in a project this morning, what impeccable timing. Coming from React I'm hoping I don't get stuck on a missing feature I'd need to implement myself, but so far so good!
@jimmykochi6442
@jimmykochi6442 2 жыл бұрын
After watching this video i went to the solidjs page, i found a button saying introduction in 100 seconds aaand it redirected me to this video again. Good job your video went featured in the official solidjs page
@Kiev-en-3-jours
@Kiev-en-3-jours Ай бұрын
It's been one year. Are you still stuck in that loop? 😧
@egriff38
@egriff38 Жыл бұрын
Man, this is so weird but I've got nostalgia for pre-AI fireship when we could just be excited about new developer-facing frameworks and technologies.
@TheDragShot
@TheDragShot 2 жыл бұрын
Ah, what a straightforward and solid framework. Sounds like the perfect tool to try in a small to mid size project. I certainly appreciate the reduced overhead and increased performance. Thanks for the info as always 👍 .
@kevinhaube8448
@kevinhaube8448 2 жыл бұрын
Out of curiosity, what's holding you back from using this at a professional level?
@lepystudio8974
@lepystudio8974 2 жыл бұрын
@@kevinhaube8448 Perhaps the ability to scale enormous projects?
@kevinhaube8448
@kevinhaube8448 2 жыл бұрын
@@lepystudio8974 I would think it'd scale better than React unless the VDOM is less resource intensive than the DOM itself?
@charlesm.2604
@charlesm.2604 2 жыл бұрын
@@kevinhaube8448 To be fair you need more than performances when it comes to building a production ready app. You need a solid support with constant updates, good fundings, a mature ecosystem, a strong community/pool of devs, etc...
@kevinhaube8448
@kevinhaube8448 2 жыл бұрын
​@@charlesm.2604 Heh, "solid support"! Yeah, React definitely has the advantage on the support and community front. It'll be interesting to see if this copied the homework well enough to steal some of those engineers OR prompt change from React over time.
@chovbee
@chovbee 2 жыл бұрын
This actually just seems like a dream come true. I’ll definitely be looking more into this framework
@badumtsy
@badumtsy Жыл бұрын
Epic, your 100 sec video is now linked on the main solidjs page in a central place. Your clips are the best overview of tech there is.
@DotWes
@DotWes 2 жыл бұрын
WHY AM I STILL USING REACT
@munishthakur8018
@munishthakur8018 2 жыл бұрын
This has me really excited , API is similar to React , which would help ease the transition from React, but the underlying architecture is different and makes arguably better trade offs, Win Win
@cpop6344
@cpop6344 2 жыл бұрын
Wow, this is the first react/angular alternative i've heard of that I actually think is worth exploring. Thank you!
@atinsingh7395
@atinsingh7395 2 жыл бұрын
Same here, I think mostly because it will be damn easy for React developers to try.
@Arabian_Epileptic
@Arabian_Epileptic 2 жыл бұрын
Try Vue lol
@Flame_Dev
@Flame_Dev 2 жыл бұрын
@@atinsingh7395 Yea because it has pretty similar syntax to react.
@cpop6344
@cpop6344 2 жыл бұрын
@@Arabian_Epileptic I would, but it has to provide a significant benefit over React. I don't do strictly frontend and my team needs an objective reason to spend time/resources exploring new tech. As of now, I don't think Vue offers enough to consider exploring it at the moment. Solid seems to be very similar in syntax to react and offers a significant performance improvement over react which is great for people familiar with react.
@omri9325
@omri9325 2 жыл бұрын
Solid and Inferno are just better React than React. Angular and Vue and Svelte are kinda shitty frameworks.
@blank4157
@blank4157 2 жыл бұрын
Seems like a better react. I really like how it provides separate lifecycle hooks unlike in react where you have to remember useEffect with different parameters.
@bdev5988
@bdev5988 2 жыл бұрын
@Oren Elbaum very interesting take. I definitely want to hear more of those downsides. Any good place to see that?
@bdev5988
@bdev5988 2 жыл бұрын
@Oren Elbaum yeah but mostly with what you meant by DX differences
@bdev5988
@bdev5988 2 жыл бұрын
@Oren Elbaum oh man! Thank you for the explanation! I’ve been working with react for 3 years or so now and I feel like now I’m just really into the complexity of optimization and it is hard haha!
@bdev5988
@bdev5988 2 жыл бұрын
@Oren Elbaum now that’s interesting too! I’m going to read more on their site, but no destructuring of props is an interesting one for sure!
@mango4199
@mango4199 Жыл бұрын
I want to be able to do both. I like Solid’s approach where it just has one hook for various life cycles, but I also like useEffect where I can specify which variables to observe to do something. Both are great to me.
@bigmistqke
@bigmistqke 2 жыл бұрын
So so happy to see this video. I absolutely love Solid. Don't let yourself be fooled by its API similarity to React, the mental model it provides is very different. The biggest takeaway imo is how it decouples state performance from your component tree. How you build up your components and the ways how you want to update your state is up to your organizational preferences, they do not influence how well updating state and updating DOM performs. That is consistently blazingly fast, no matter how complex and nested the state. The mental peace this creates is just 👌 Performance is truly biggest DX.
@simonswiss
@simonswiss 2 жыл бұрын
"This has been solid..." - indeed, this video was SOLID. Great work as always 👍
@geeksy2278
@geeksy2278 2 жыл бұрын
U Made it to the SolidJS homepage!!! Awesome!
@jaymedavis7567
@jaymedavis7567 5 ай бұрын
Just found your channel. You have a gift for getting across what I want to know in a very short amount of time. Subscribed.
@ArtAniStokuv
@ArtAniStokuv 2 жыл бұрын
wow amazing your storytelling and video editing and narration skillsets you've man , please make more and more and more :D
@tobias3581
@tobias3581 2 жыл бұрын
web stack for near instant performance, build, and deploy: - solidjs - vite ssr - esbuild - edge workers - cloudflare everything
@uziboozy4540
@uziboozy4540 2 жыл бұрын
Remix over Solid IMO
@very_unique_username
@very_unique_username 2 жыл бұрын
@@uziboozy4540 Remix is not a UI framework. It runs on top of React, but I've heard rumors that Solid support is on the roadmap alongside with Svelte & others.
@uziboozy4540
@uziboozy4540 2 жыл бұрын
@@very_unique_username Svelte has Svemix
@tobias3581
@tobias3581 2 жыл бұрын
No framework rec. because "it depends" on your case but these foundational pieces are (should be) interoptable in a range of directions
@tobias3581
@tobias3581 2 жыл бұрын
@@uziboozy4540 nice one 👀
@szhzs6121
@szhzs6121 2 жыл бұрын
this video is now featured on solidJS landing page, nice!
@roguetrufflepig
@roguetrufflepig 2 жыл бұрын
That looks brilliant! I'll definitely be checking this out and sharing it with my colleagues
@ramzcoder
@ramzcoder 2 жыл бұрын
I was just reading the documentation, it’s like you’re reading my mind
@botstudio.
@botstudio. 2 жыл бұрын
Hey Jeff! I love the 100 second format! Suggestion I would give it will be amazing for the Haxe programming language community if you made "Haxe in a 100 second". Also "Haxeflixel in 100 second" and "Godot in 100 seconds" would be great future ideas. Keep up the great work!
@troooooper100
@troooooper100 2 жыл бұрын
I had high hopes for haxe after flash was killed, but it never became popular :/
@AngelHdzMultimedia
@AngelHdzMultimedia Жыл бұрын
LOL i know one of the maintainers, he's on my Discord Server. I even was in the Haxe Discord and left. I was an ActionScripter (still kinda am? I'm working on a PDF generator AS3 project for an old customer right now) but Haxe never clicked with me not even with OpenFL. The ability to compile to thousands of languages is awesome, but the language itself... I dunno man...
@Dev-Logs
@Dev-Logs 2 жыл бұрын
I didn't use it before. But I liked its speed. Thank you for your video. I watch your videos as alternative to youtube shorts I would love to see "Sanic in 100 seconds" one day
@aquaductape
@aquaductape 2 жыл бұрын
Jeff already made one kzfaq.info/get/bejne/hr5nrbOdttClomw.html
@BHVampireLF
@BHVampireLF 2 жыл бұрын
What a coincidence, I tried it a week ago and it's beautiful. I just miss the "Framer Motion" library, but I'll use it every time I can.
@siddhantsingh802
@siddhantsingh802 2 жыл бұрын
LMFAOOO SolidJS's documentation's "intro to SolidJS" links directly to this video!!!
@josephmuola
@josephmuola 2 жыл бұрын
Coincidence that today KZfaq recommended to me the official channel for solid js and my hope was you would cover it then boom it happens on the same day magic or science can't explain but always great content big fan ✌️🥳
@josephmuola
@josephmuola 2 жыл бұрын
Next time cover vlang I think its good and has great potential
@unet7292
@unet7292 2 жыл бұрын
That's what the brotherhood is all about, Solid✊🏿✊✊🏻
@akashsahay1
@akashsahay1 2 жыл бұрын
Looks like a solid library for building web applications.
@WWFYMN
@WWFYMN 2 жыл бұрын
Damn for a 100 seconds this is a solid video
@nikhilbhatnagar3796
@nikhilbhatnagar3796 2 жыл бұрын
For a sec I thought we will be discussing the SOLID Principles.
@cnava9389
@cnava9389 2 жыл бұрын
I’ve been waiting for this one! This is an amazing framework and is worth the try
@josemfcheo
@josemfcheo 2 жыл бұрын
Boy, you have me learning everything shiny in the landscape... Good job!
@liamcervenka
@liamcervenka 2 жыл бұрын
Solid video man, good stuff
@bhismajangsubedi1967
@bhismajangsubedi1967 2 жыл бұрын
I'm civil engineer and I watch most of your videos to enjoy magical dev world ..😉😃🙃🙂
@codemastercpp
@codemastercpp 2 жыл бұрын
Wow this feels like everything I wanted react to be, will definitely try this, thanks
@jaymartinez311
@jaymartinez311 2 жыл бұрын
Finally somebody that could explain it to me in the simplest way! I was waiting for you to do a video on solid. I prefer jsx but react seemed like waaay to much crap to learn. So I learned vue with the options api and the composition api I got a job in less then 90 days. I hate vuetify with a passion though 😒. They use slots everywhere at my job in the code base and it is the most confusing thing ever to use in the options api when you use $listeners, $attrs and $props. They are just fall through attributes but boy do I hate them when somebody else makes them other then me 😃The docs are so thin on them too. I hope this catches on too. The composition api is great with typescript but I like what svelte and solid are doing. Im with the no v-dom movement and ts everywhere. PS the creator of solid should hire you. That was the best explanation for a small brained individual like myself I’ve ever had on solid. The creator gets waaay to technical. Explaining waaay to much stuff about stuff that’s above my pay grade 😉 I just want to code bro 😎
@failist9570
@failist9570 2 жыл бұрын
SolidJS is truly amazing! Definitely using it in my next side project.
@pepsimaxaddict02
@pepsimaxaddict02 2 жыл бұрын
Yep, I'll also be using this in side project #457
@sumitpurohit8849
@sumitpurohit8849 2 жыл бұрын
*Next* side project
@WolfPhoenix0
@WolfPhoenix0 2 жыл бұрын
Wow, Solid looks like everything React should have been from the very beginning. I do wonder what the catch is though. There's always a drawback. 😂
@omri9325
@omri9325 2 жыл бұрын
@Oren Elbaum 🤣
@szhzs6121
@szhzs6121 2 жыл бұрын
the main drawback is the community size being much, much smaller than react's, so not many common libraries, and hard to find help when you run into a specific issue.
@KeganVanSickle
@KeganVanSickle 2 жыл бұрын
The main drawbacks, likely, are the lack of jobs for it (yet), and the fact that it will soon just be replaced by another, then another, then another.
@KeganVanSickle
@KeganVanSickle 2 жыл бұрын
@Oren Elbaum I appreciate your sarcasm and I totally get what you are saying. But, wouldn't it be better to instead of creating yet ANOTHER framework and set of unique rules, would it not be better to collaborate with existing frameworks and version them up?
@KeganVanSickle
@KeganVanSickle 2 жыл бұрын
@Oren Elbaum Good point. It would likely need to be an AngularJS vs Angular(2) situation.
@EdgeGaming
@EdgeGaming 2 жыл бұрын
Oh wow. Full Solid course please!
@theroboman727
@theroboman727 2 жыл бұрын
im a hobbyist who doesnt do web stuff really, but this sounds awesome. I hope it becomes really really popular in that space.
@eliasp.2759
@eliasp.2759 2 жыл бұрын
I wonder why Solid is not more popular, it seems amazing
@thebasedone2182
@thebasedone2182 2 жыл бұрын
The challenge was that it looks so similar to React that most people that sees it at first glance just ignores it. It's not an eyecatcher and would definitely requires more attention
@xia2528
@xia2528 2 жыл бұрын
Pretty solid video.
@hotpawsmathsandscience3124
@hotpawsmathsandscience3124 Жыл бұрын
i'm so glad framework creators begin to recognize the power that raw DOM provides in this day and age and make use of that instead of inventing their own abstractions on top of abstractions on top of abstractions
@beenybayby
@beenybayby 2 жыл бұрын
Loving the content as always! Will you be doing a PowerShell video eventually?
@willinton06
@willinton06 2 жыл бұрын
So this is sveltes actual competition
@solid_js
@solid_js 2 жыл бұрын
We don't think of Svelte as competition. Solid is a different kind of framework. We share the compiler approach with Svelte and some other ideas but I'm sure in the future you will find use cases where Solid or Svelte make great tools!
@taimoorsheikh5001
@taimoorsheikh5001 2 жыл бұрын
Im a React fan and its dev both. But this WHEN and FOR prop to the jsx got me sold to SOLID :D
@diomerda111
@diomerda111 2 жыл бұрын
WTF IS THIS MIND-READING AAAAAA. Every time I wanna learn something you post a video about it
@rickkreutzkamp9097
@rickkreutzkamp9097 Жыл бұрын
I've now started a project using this library, and I am hooked! I feel it has many advantages over React, where performance is the main one.
@Starnamics
@Starnamics 2 жыл бұрын
Solid seems amazing! I'm definitely going to check it out.
@rubennijhuis
@rubennijhuis 2 жыл бұрын
I am a huge fan of what this framework seems to bring, however I feel like it won't ever become a big / "standard" framework like React. React/Vue/Angular have such a history and community that expecting a new framework (with marginal improvement when it comes to developer experience) will become the next big thing is pretty much useless. However I do hope that Solid will push the competetition to greatly improve what currently exists. Great video!
@feritperliare2890
@feritperliare2890 2 жыл бұрын
To me it seems in many ways like a a different way to do react without some annoying things that react does like complete rerenders and the weird obsession to have effects always run on first render anyway instead of making it an option to do so
@diyanslavov7401
@diyanslavov7401 2 жыл бұрын
Solid is by no means a marginal improvement over React.
@richi1235
@richi1235 2 жыл бұрын
It is not useless because each new framework can take the components that work well and build on them. Maybe Solid alone isn't improved enough as compared to React for example, but just think a couple of generations down the line, you add even more stuff that people like, using the already proven concepts from Solid, and you might have a much improved/updated version of what most people are working with today. So not every framework needs to become the new norm to not be useless. I see it more as a contribution to build on.
@ShaferHart
@ShaferHart 2 жыл бұрын
Yep, I gave up such a long time ago I simply settled on Angular and called it a day. Not about to be chasing every new small little library like one has to in React. Angular just works.
@demonicious_
@demonicious_ 2 жыл бұрын
@@diyanslavov7401 Ask experienced react devs and they'll say otherwise. People underrate just how important and useful "things that make sense" can be.
@andros4
@andros4 2 жыл бұрын
Bringing new meaning to the phrase 'do someone a solid' 😉 - Awesome video!
@Nixdb
@Nixdb 2 жыл бұрын
Seems quite similar to a react + mobx combo, something I have had great success using at work for the last 6 years. Will definitely check it out further.
@KevinVandyTech
@KevinVandyTech 2 жыл бұрын
Svelte and Solid feel like the future
@Dust2n
@Dust2n 2 жыл бұрын
I’ve been using SolidJS in prod for about 9 months now. It’s been a dream to work with.
@georgeokello8620
@georgeokello8620 2 жыл бұрын
Nice I am also using Solid on my startup project for deploying to prod in AWS, it is fantastic especially not having to deal the nightmare of crazy webpack build tool(just use Vite, Snowpack, or rollup) with in built tools for SSR without need of blowing up a traditional react project with NextJS(thank God). The idea of implementing reactive system without having to track re renders triggering on components with large generation of dom nodes from small changes is extremely refreshing.
@XROSSDABOSSX
@XROSSDABOSSX 2 жыл бұрын
Might give this a try soon!
@attilawerner
@attilawerner Жыл бұрын
The fact that they put this video on their website
@peternrdstrm
@peternrdstrm 2 жыл бұрын
Can you make a tutorial on actually safe javascript coding? I mean Typescript, Deno and such, in an actual project
@user-yy3ki9rl6i
@user-yy3ki9rl6i 2 жыл бұрын
i believe he made those on his fireship pro membership. fair play to him for hiding it behind a paywall, a full set full length typescript tutorial from him is worth more than gold.
@TayambaMwanza
@TayambaMwanza 2 жыл бұрын
Use Angular if you want basically full typescript by defauly
@BeyondImaginationzz
@BeyondImaginationzz 2 жыл бұрын
he has but it is paid
@georgeokello8620
@georgeokello8620 2 жыл бұрын
@@TayambaMwanza Well nowadays it's very simple to setup a react, Lit, svelte project with typescript just in 3 minutes with just a few npm install dependencies and a tsconfig.json file. Hell there are template installations that you can use online that have default typescript setups of frameworks with typescript default templating using degit as an even faster option. I am working on creating my custom tailwindcss template for solid and Lit js with typescript at this moment both with css and scss setup included,
@gusslx
@gusslx 2 жыл бұрын
As an Angular dev wanting to explore React, this seems very promising. Might take a look. EDIT: all my personal projects have been rewritten in Solid. The DX and performance are just inigualable.
@Chastor97
@Chastor97 2 жыл бұрын
Thanks for such acquaintance. Gonna try it
@catharsis222
@catharsis222 Жыл бұрын
I usually hate on new frameworks and even left JS for this, but sounds nice for personal projects.
@riflan0ahmed
@riflan0ahmed 2 жыл бұрын
Yesterday, I was searching about this but today, it appeared like a miracle
@talhaibnemahmud
@talhaibnemahmud 2 жыл бұрын
Looks very interesting ❤️
@_sevelin
@_sevelin 2 жыл бұрын
Whoa this looks soo epic!
@moritz_p
@moritz_p 2 жыл бұрын
Looks really cool! Although I am trying to shift away from the web towards Native I am going to give this a try if I ever have to go back!
@TopBagon
@TopBagon 2 жыл бұрын
Holy crap this is amazing! How is this not industry standard already
@askeladden450
@askeladden450 2 жыл бұрын
industry momentum probably
@ThotsAndPrayers
@ThotsAndPrayers 2 жыл бұрын
Because it can’t do everything that React can. It won’t be adopted by any large companies unless it has 100% feature parity and offers the same or better developer experience, which is almost impossible.
@ryansolid
@ryansolid 2 жыл бұрын
@@ThotsAndPrayers This probably deserves explanation.
@ThotsAndPrayers
@ThotsAndPrayers 2 жыл бұрын
@@ryansolid React Native, React DevTools, Create React App, larger ecosystem, better syntax, etc
@alexlohr7366
@alexlohr7366 2 жыл бұрын
@@ThotsAndPrayers our starter template uses vite, which has far better DX than CRA, we don't need no specific dev tools because we run components only once. The syntax is arguably superior to react. The only two things that solid currently can't do is react native and vDOM manipulation, but the former is entirely possible to create (and it will be created in due time, I'm certain) and the latter is an anti-pattern in any case. The ecosystem is more difficult to judge. React's is bigger without question, but a lot of its packages are unmaintained or even broken. Solid has a community-driven collection of high-quality primitives (hooks in react), a few component libraries, three.js bindings and a lot of other stuff.
@wadedoto
@wadedoto 2 жыл бұрын
This framework looks pretty solid :)
@Draghful
@Draghful 2 жыл бұрын
Well I gotta say.. this looks really solid ... Aight, I'll see myself out.
@miettoisdev
@miettoisdev Жыл бұрын
wow, you're OFFICIAL documentation! I'd like to see that on other frameworks too.
@Q_20
@Q_20 2 жыл бұрын
What a solid framework
@KhoPhi
@KhoPhi 2 жыл бұрын
Looks like a solid framework indeed!
@aldyreal
@aldyreal 2 жыл бұрын
Pun intended 🤣
@tactical.precision.disarray
@tactical.precision.disarray 2 жыл бұрын
Solid video. Cheers!
@a0um
@a0um Жыл бұрын
Sounds great! I'd love to see a ClojureScript wrapper for this!
@ndiamantopoulos
@ndiamantopoulos 2 жыл бұрын
would love to see a more indepth guide for Solid!
@RenderingUser
@RenderingUser 2 жыл бұрын
seems like a pretty solid framework
@bcut2965
@bcut2965 Жыл бұрын
Wow, this is a really Solid explanation. Good work!
@re.liable
@re.liable Жыл бұрын
I really like the fact that it's "a" compiler. For personal use I'll choose between this and Svelte. For my career though I'll be using React
@ZakariaBoualaid
@ZakariaBoualaid Жыл бұрын
In the middle of your career people will mostly use reactive frameworks
@ArivanAshstar
@ArivanAshstar 2 жыл бұрын
Solid looks really good. It fixes all the annoying lessons you have to learn when working with React. However it's just another wrench in the wrench box. Though, it's the fastest wrench.
@YuriG03042
@YuriG03042 2 жыл бұрын
it's a high speed, performant wrench
@unixwastaken
@unixwastaken 2 жыл бұрын
What's funny about this video is that the title says that this video is 100 seconds long, but it's 2:30s long. If this video was actually 100 seconds long, it would actually be around 1:30 seconds.
@aquaductape
@aquaductape 2 жыл бұрын
You should look at his Bitcoin in a 100 seconds, its over 10 minutes long
@MilkyWay-ru5fx
@MilkyWay-ru5fx 2 жыл бұрын
They really added your video on their main page ^^
@davidtheprogrammer
@davidtheprogrammer 2 жыл бұрын
Damn! Now that's a solid 100 seconds
@qonra
@qonra 2 жыл бұрын
Wow, hopefully this framework doesn't become overloaded with bloat. As it is now it is honestly really well thought and I'm fairly sure the react devs will borrow a few things from it.
@TimeoutMegagameplays
@TimeoutMegagameplays 2 жыл бұрын
SolidJS and Svelte are the most based frontend options for the web right now ngl
@solid_js
@solid_js 2 жыл бұрын
Thank you! We're honored to be mentioned together with Svelte, it's great technology! Our communities see eye-to-eye on the compiler front. We just did implement it differently! :-)
@horusOsiris22
@horusOsiris22 2 жыл бұрын
Great video! Would love to see one on inferno js :)
@antheus_s
@antheus_s Жыл бұрын
I love the web components support of SolidJS. Really awesome implementation!
@amrelmohamady
@amrelmohamady 2 жыл бұрын
What about a new series of videos of "Under the hood" inwhich you explain advanced concepts like SSR under or virtual dom under the hood or SSG under the hood?
@rudi_351
@rudi_351 2 жыл бұрын
This sounds solid
@mrjson3039
@mrjson3039 2 жыл бұрын
I CRAVE A SOLID TUTORIAL!!! Also: please Jeff, make more "X for haters in 100 seconds" I love that section, maybe try C
@ThamaraiselvamT
@ThamaraiselvamT 2 жыл бұрын
This is amazing, I'll definitely give it a try
@jacksingermusic
@jacksingermusic 2 жыл бұрын
You should make an "intro to neovim" like you did with VS Code
Julia in 100 Seconds
2:40
Fireship
Рет қаралды 685 М.
React VS Svelte...10 Examples
8:35
Beyond Fireship
Рет қаралды 516 М.
Eccentric clown jack #short #angel #clown
00:33
Super Beauty team
Рет қаралды 28 МЛН
КАКОЙ ВАШ ЛЮБИМЫЙ ЦВЕТ?😍 #game #shorts
00:17
Reacting to Controversial Opinions of Software Engineers
9:18
Fireship
Рет қаралды 2 МЛН
Solid.js Just Got WAY Better
13:11
Theo - t3․gg
Рет қаралды 80 М.
How programmers flex on each other
6:20
Fireship
Рет қаралды 2,1 МЛН
Is SolidJS the better ReactJS?
6:46
Academind
Рет қаралды 149 М.
Svelte, Solid or Qwik? Who Won?
6:38
Awesome
Рет қаралды 35 М.
how NASA writes space-proof code
6:03
Low Level Learning
Рет қаралды 2 МЛН
Using docker in unusual ways
12:58
Dreams of Code
Рет қаралды 389 М.
100+ Docker Concepts you Need to Know
8:28
Fireship
Рет қаралды 782 М.
С Какой Высоты Разобьётся NOKIA3310 ?!😳
0:43
Power up all cell phones.
0:17
JL FUNNY SHORTS
Рет қаралды 50 МЛН
Carregando telefone com carregador cortado
1:01
Andcarli
Рет қаралды 2,2 МЛН
Теперь это его телефон
0:21
Хорошие Новости
Рет қаралды 2 МЛН
ПРОБЛЕМА МЕХАНИЧЕСКИХ КЛАВИАТУР!🤬
0:59
Корнеич
Рет қаралды 3,6 МЛН