Is SolidJS the better ReactJS?

  Рет қаралды 152,514

Academind

Academind

Күн бұрын

Пікірлер: 405
@CodeByNumbers
@CodeByNumbers Жыл бұрын
We use SolidJS for all our projects now in combination with tRPC and Turborepo. It has been really simple to transition from React to SolidJS.
@jackdanksterdawson112
@jackdanksterdawson112 Жыл бұрын
Amen brother, I am working with React and this looks like the next big thing. Will start learning this soon.
@ljupcho3443
@ljupcho3443 Жыл бұрын
Have i been living under a 🪨? Few months ago i read somewhere that it's not recommended for production use. Has this changed?
@Cowayger
@Cowayger 9 ай бұрын
​@@ljupcho3443 Even one of maintaners recommended svelte for now. Well, I tried to create production-ready app, and it is pretty solid stable.
@SmokeIsInStock
@SmokeIsInStock Жыл бұрын
Do you have series on SolidJS? If not, do you plan creating? I am following your videos from years now and you have the best content !
@AveN7ers
@AveN7ers Жыл бұрын
I really hope it takes off. I've already made a project with it and, after the initial wtf of components not rerendering, I found it really enjoyable and easy.
@Viviko
@Viviko Жыл бұрын
I’ve been using Solid for like 8 months. Yes. It’s better React.
@s1nistr433
@s1nistr433 Жыл бұрын
Everything is better than React
@Viviko
@Viviko Жыл бұрын
@@s1nistr433 you aren’t wrong. React had a lot of good ideas. Everything else just executes them better.
@akalrove4834
@akalrove4834 Жыл бұрын
I was about the dismiss SolidJS as another one of dozen JS Frameworks but boy I'm sold. This is so much better than React's weird mental model. No more jumping through the hoops for simple things like setting states or timeouts etc.
@MrPlaiedes
@MrPlaiedes Жыл бұрын
As a frontend dev with 10 years experience, keep your professional tech stack to one side and new tech on the other. Then use your new tech stack in your personal projects.
@bojanperic1160
@bojanperic1160 Жыл бұрын
Such a great explanation on both frameworks. Right down to what they are, and so easy to digest. Very informative video. Thanks 🙏
@JoRyGu
@JoRyGu Жыл бұрын
I am more excited about this taking off than anything else going on in JavaScript land right now. This is so damn good.
@quelchx
@quelchx Жыл бұрын
Honestly, if your starting from the ground up and your app is a SPA -- use Solid. I had to completely re-write a bunch of code for a company I work for and looking back at this moment I kind of wish our small team used this as a framework. React's ecosystem being massive it's so much easier to find developers with existing skills/familiarity of tools in the React World (eg MUI, React Query, SWR, Zustand, React Tables... I can go on). I'm sure a group of us developers could of designed our own styled components with similar functionality to what we aimed for or another example would be create a system that mimics say Zustands state management, but with clients requests and time being the enemy -- it wouldn't be wise IMO to adapt and adopt (at the time). I think Solid has a bright future and if it comes a time our group has a different project or we say screw what we got lets spend two weeks and rewrite this -- Solid will be my first choice for it's simplicity + additional performance. Im exited to see a metaframework like NextJS stem off Solid (like SvelteKit has evolved too)
@rumble1925
@rumble1925 Жыл бұрын
I've played with it a few days, and so far: YES, it is a better React.
@RolandAyala
@RolandAyala Жыл бұрын
I made the mistake of trying SolidStart and now I'm porting my SvelteKit project over to it -- even with SolidStart being beta, I'm sold on it . Nothing against SvelteKit -- wonderful framework! -- but I prefer the JSX/TSX syntax and not having my routes littered with Page files, and even though requires a little more effort, I prefer Solids state model. Both frameworks (Svelte/Solid) make coding fun again , and more productive.
@riendlyf
@riendlyf Жыл бұрын
What is the benefit of using solidjs over sveltekit? Bundle Size, sso, ssr, ssg? I mean sveltekit resolve my business tasks
@RolandAyala
@RolandAyala Жыл бұрын
@@riendlyf Mostly comes down to personal preference -- they're both great frameworks that will solve just about any business task (as is true for all the other Frameworks as well). While a little more work, I prefer Solid's state model being more transparent and fine grained. I also prefer JSX style to the separation that Svelte provides -- almost to a fault with proliferation of page.svelte files, even though I appreciate the clieint/server separation it reinforces. Solid also packed with super cool capabilities like $server, so you can execute server logic from within page file (essentially like having built-in tRPC), control flow elements like For, Switch, Show working in conjunction w/ state management so collections, etc, are surgically updated. I didn't want to like Solidjs (I tried it out of diligence in evaluating framework for my next project) and I almost gave up on it because so easy to go back to Svelte (or Nextjs), but the more I used it the more I liked it. As an aside, people take about Solid's great perf, and while very good, it's not a reason to choose it over other frameworks IMO. Also, as others have said, Solid is to React as Svelte is to Vue, so depending on where you're coming from, will have a natural affinity to one over the other.
@shrin210
@shrin210 Жыл бұрын
​​​@@riendlyf It's not performance difference, even if you use Reactjs, it will performant enough for many projects. After that it comes to developer experience, i also now prefer Reactjs jsx syntax after doing Reactjs projects. I feel while building large projects, code could get Messier in SvelteKit , dev experience will be frustrating. Can you tell me your experience with SvelteKit ?
@jma42
@jma42 Жыл бұрын
bruh solidjs signals are a bliss, no pesky state managers like redux recoil or some shiiit
@aquaductape
@aquaductape Жыл бұрын
drag and dropping createSignal/createStore declaration line outside of component scope is wild
@maacpiash
@maacpiash Жыл бұрын
Yes, for the most part, SolidJS _is_ the better ReactJS.
@lowzyyy
@lowzyyy Жыл бұрын
what are other parts that are worse?
@ElektrykFlaaj
@ElektrykFlaaj Жыл бұрын
@@lowzyyy other parts are just not better, but not worse. Maybe the thing that react has better is the amount of well maintained libraries
@ajiteshmishra
@ajiteshmishra Жыл бұрын
@@lowzyyy eco system maybe
@maacpiash
@maacpiash Жыл бұрын
@@lowzyyy yeah, the other replies are correct. ReactJS has a vast amount of libraries, which SolidJS lacks. Obviously, this has nothing to do with any merit or demerit of SolidJS.
@arvi8843
@arvi8843 Жыл бұрын
@@lowzyyy Well maintained libraries e.g I wanted to try svelte and solidjs for graphql but those are "spare time" projects of authors however the react one is built in in Apollo client and maintained by Apollo team. It's a big deal if you're using graphql. 😅
@DucaTech
@DucaTech Жыл бұрын
SolidJS sounds pretty ... solid.
@easy-learning88
@easy-learning88 Жыл бұрын
Max, the fact that you have always popularized the React since you started your Academy, and the fact that you have recently written your book about React, I couldn't really understand how you decided to record this video and share your ideas with us about SolidJS and tell us that SolidJS is a better ReactJS. )) but, just wanna tell you that you are really an honest person, in my opinion, actually too much )) God bless you.
@fahdfuhaid573
@fahdfuhaid573 Жыл бұрын
A course is upcoming >
@linorabolini
@linorabolini Жыл бұрын
Its just an amazing tool. Specially because react hooks are hard to test. But signals and stores can be totally tested in isolation. This is also a great feature.
@iurylippo6636
@iurylippo6636 Жыл бұрын
Yeah, I was wondering if it is more debugable on browser then react
@linorabolini
@linorabolini Жыл бұрын
​@@iurylippo6636 what do you mean with "more debuggable"? SolidJS is closer to what you'd do in plain JS so you can just debug it as any JS code.
@iurylippo6636
@iurylippo6636 Жыл бұрын
@@linorabolini I mean, the reactjs is so difficult to debug, you have to add some chrome extension like react webkits and debug the states through this extensions. I was asking if the solid is or not more "debugable" and if you can debug just through the chrome debug itself instead of add extensions like react do
@linorabolini
@linorabolini Жыл бұрын
​@@iurylippo6636 oh I see! hmm too my experience, debugging code made with solidJS is way easier than react. The reason being that the code flow seems more predictable, you do not have all these constraints about re-rendering and hooks, its just plain JS code that you can totally test with unit tests because solidJS primitives are not tight to Components. I haven't used SolidJS in a big project yet, but I have made 2 pet projects and the feeling that I got is "things just work". SolidJS was made to just work with the simplest mental model people could find, and that gets clear after some days of usage. Hope this answer helps :)
@r.chitector
@r.chitector Жыл бұрын
I tried to use SolidJS for my projects and I will definitely use it for future ones! It's much easier than ReactJS!
@niemand2485
@niemand2485 Жыл бұрын
@@nonono9700 you don't say
@AndiSyafrianda
@AndiSyafrianda Жыл бұрын
How many people on your project? Sometimes it's hard to find people to join projects with less popularity.
@Cowayger
@Cowayger 9 ай бұрын
@@AndiSyafriandaIt is a hell, even paid third parties prefer to use Angular over some requested tech.
@Tszyu01
@Tszyu01 Жыл бұрын
Yes it is better but people won’t use it because they can’t just use MUI or similar and refuse to build components themselves. I feel without frameworks like MUI based on comments from Reddit on various frameworks and complaints around “lack of community”, some people would struggle to even make a card component.
@aquaductape
@aquaductape Жыл бұрын
There's a SolidJS version of MUI called SUID. Zag, the same author who wrote Chakra UI, has SolidJS support. There's also Kobalte, a UI toolkit with accessibility in mind. Flowbite, a component UI lib with utility classes from Tailwind CSS, supports many frameworks including Solid. Lastly there solid-bootstrap, pretty much React Bootstrap but in SolidJS.
@Tszyu01
@Tszyu01 Жыл бұрын
@@aquaductape SUID seems really solid. I was mostly just teasing people on Reddit who reference “community” or lack of it for newer libraries/frameworks for a reason as not use an objectively better alternative.
@onça_pintuda999
@onça_pintuda999 2 ай бұрын
You are good damn right! And I was in this same position in the last few days, dont know how to bring solid to the team, but I'm going to make a LP with Solid + Tailwind + Daisyui, dont need too much. Some will say "why didnt u just used react for the other to support in the future" but fuck em, react is shit and they know it, solid is simpler than react and thats what I need.
@UrbanBDKNY
@UrbanBDKNY Жыл бұрын
I love the lack of infinite loop React Hooks has lol the loading and error utilities are nice too
@jaymartinez311
@jaymartinez311 Жыл бұрын
I’ve been waiting for you to create a course on it. Won’t touch it more then the basics until you drop a course!😂 maybe wait until ‘solidstart’ is ready to be released.
@lasindunuwanga5292
@lasindunuwanga5292 Жыл бұрын
I knew the advantages of Solid over React, but I never felt it this deep until this video... Thank you very much... one more thing, am I the only one that rings bell when ur face is seen... king arthur - legend of the sword?
@CodingAbroad
@CodingAbroad Жыл бұрын
As a team lead we’re redoing our cms and website using Angular and since we keep the code consistent for our small team we’re happy with our choice
@ChristianMoentest
@ChristianMoentest Жыл бұрын
I'd like to come back to this comment in some years.
@CodingAbroad
@CodingAbroad Жыл бұрын
@@ChristianMoentest how come? :)
@bloodjopa
@bloodjopa Жыл бұрын
11 days passed...still happy?
@CodingAbroad
@CodingAbroad Жыл бұрын
@@bloodjopa still loving it thanks. No major hiccups. The only difficult aspect has been getting the team trained up
@stasoline
@stasoline Жыл бұрын
It sounds like Svelte but with crappier syntax. :)
@shyamvenkatesh6188
@shyamvenkatesh6188 Жыл бұрын
I have a doubt at 4:14, you say that the doubleCount value changes only when the associated signal changes. Then what is the purpose of using a memo method?
@neekawsaur
@neekawsaur Жыл бұрын
Thank you for the concise overview. That was exactly what I needed!
@黄胜-u6h
@黄胜-u6h Жыл бұрын
It is enough to transplant the best 20% of the react ecosystem to solid
@marusdod3685
@marusdod3685 Жыл бұрын
SolidJs is what I thought React was before learning
@mfmn6397
@mfmn6397 Жыл бұрын
I would really like it if you could make a Udemy course for SolidJS & SolidStart
@HarshalHirve555
@HarshalHirve555 Жыл бұрын
Thank you for this informative video. Solid Js looks really good and performant. Please try to make a full course on Solid JS soon. Eagerly waiting....
@seananih7609
@seananih7609 Жыл бұрын
Just go through the documentation instead of waiting for his tutorial (assuming you REALLY want to learn Solid)
@HarshalHirve555
@HarshalHirve555 Жыл бұрын
@@seananih7609 I have already gone through it. But his course helps many others who do not know about it.
@kostraone
@kostraone Жыл бұрын
Looks they're doing what vue does, with a react look-alike syntax
@zubayrganiyuseun6387
@zubayrganiyuseun6387 Жыл бұрын
Svelte kit next please
@sanv-5505
@sanv-5505 Жыл бұрын
Switched to Svelte, really loving it! Solid JS seems to a great alternative for React!
@hahabanero
@hahabanero Күн бұрын
Solidjs is awesome framework and it deserves a course. Also svelte need to be updated quickly...
@nerdcave0
@nerdcave0 Жыл бұрын
The "running function code only once"/reactivity system is the superior mental model for sure. So many problems with re-executing component functions that seem absurd once you see a better way.
@dealloc
@dealloc Жыл бұрын
As someone who have evaluated both approaches on large scale apps, I can say that signals still has problems. In some cases it's even harder to wrap your head around to keep state in sync, where it just works by re-rendering everything. There are also gotchas with signals that can lead to poor performance that is really hard to track if you're not careful. That said I love SolidJS. Its primitives (createResource, For, Show) are my favourite part of it. Signals is nice too, but is not as simple as it may seem on the surface.
@onça_pintuda999
@onça_pintuda999 2 ай бұрын
@@dealloc After a year, what are your thoughts on it?
@codernerd7076
@codernerd7076 Жыл бұрын
SolidJS is too new for me still, one solid rule to survive in the Javascript dev world not jump on every framework that comes out, and wait to see of its just hype or really will become the big 4th framework
@ak-loz
@ak-loz Жыл бұрын
Is Svelte still too new?
@georgeokello8620
@georgeokello8620 Жыл бұрын
I have worked with SolidJS for 8 months on my start up project and so far it's very solid, even more so than react. On my next start up project, me and the team are looking to work on creating some server components that are going to be hydrated for a large scale application using geo location but want as minimal of a JavaScript footprint as possible as the app is going to be performance sensitive. SolidJS seems much more accommodating currently right now with the introduction of SolidStart
@Daijyobanai
@Daijyobanai Жыл бұрын
I think we should look at the problems a framework solves. React solved a problem that needed solving.... 5-8 years ago, but now it's more pain than gain. It's been used where it shouldn't be used for projects that could have been done better with other tools. Devs are coming in learning react before they learn JS, or even how the web works, and it's damaged the industry imo. It's time for change.
@IainSimmons
@IainSimmons Жыл бұрын
That's what people said about React at the beginning (and worse things!). The beauty of Solid is that if you know React, Solid will be easy to learn. Eventually the ecosystem will grow. If it's for work and many devs need to use the codebase, then sure, go the safe route. For anything else, give it a shot!
@nero1375
@nero1375 Жыл бұрын
@@Daijyobanai finally a good comment down here..
@gyorgykovesdi
@gyorgykovesdi Жыл бұрын
Well, the question was: is SolidJS the better than ReactJS? And the clear answer is: YES. The other things mentioned like how smaller community or which company is behind it not matter at all (actually most framework/product made by Google or Facebook is an instant "no-go" for me because they love to build over-bloated non-performant stuff, at least on the frontend side)
@sobrevivendo-no-front
@sobrevivendo-no-front Жыл бұрын
I did a small project with Solid and some experiments. It's really amazing, but I still don't think it's distinctive enough to make me switch from React, giving up everything that already exists and the entire ecosystem.
@akj3344
@akj3344 Жыл бұрын
finally a sane comment. I think its literally "just another framework". React is a better choice because of ecosystem and and its very well tested.
@IainSimmons
@IainSimmons Жыл бұрын
People used to say the same about jQuery. Eventually, every need you have that can be achieved in React, would also be achieved in Solid. It will just take time. Also, if you have vanilla JS libraries, they are way easier to integrate with Solid because it's closer to regular JS (the code outside the JSX is mainly unchanged in the compiled output)
@adeleke5140
@adeleke5140 Жыл бұрын
@@IainSimmons let’s wait and aee
@HumairaMaqbool-t2l
@HumairaMaqbool-t2l Жыл бұрын
As an AI language model, I don't have personal opinions. The choice between SolidJS and ReactJS depends on your specific requirements and preferences. Both SolidJS and ReactJS are JavaScript libraries used for building user interfaces. They share similarities as they both follow a component-based approach and use a Virtual DOM for efficient rendering. However, they have some differences that might influence your decision: SolidJS: Performance: SolidJS is often touted for its impressive performance. It uses fine-grained reactivity, which means it tracks dependencies at a granular level, leading to fewer unnecessary updates and faster rendering. Bundle Size: SolidJS is known for its small bundle size compared to other frameworks like React. This can be advantageous for applications where reducing load times and optimizing performance are critical. Learning Curve: SolidJS has a smaller API surface compared to React, making it easier to learn and grasp, especially for developers who are new to frontend development. Ecosystem: SolidJS is relatively new compared to React, so its ecosystem and community support might not be as extensive as React's. ReactJS: Mature Ecosystem: React has been around for a longer time and has a large and mature ecosystem with abundant third-party libraries, tools, and community support. Popularity: React is widely adopted in the industry, and there are more job opportunities and resources available for React developers. Community and Documentation: The extensive community around React means that you can find solutions to common problems and access a wealth of documentation and tutorials. JSX: React uses JSX (JavaScript XML) for defining component structures, which many developers find to be a powerful and intuitive way to work with components. Ultimately, the choice between SolidJS and ReactJS depends on your project's specific needs, your team's familiarity with the library, and your preferences regarding performance, bundle size, and ecosystem support. Both libraries are capable of building efficient and powerful user interfaces, so you can't go wrong with either choice. It's essential to try them out and see which one aligns better with your development workflow and project goals.
@Thorax232
@Thorax232 Жыл бұрын
Basically React with Valtio. Solid has always felt like a novelty framework. They're not the first or only to use signals and proxy objects. They need to do way more than that to be anywhere near where React is.
@JoRyGu
@JoRyGu Жыл бұрын
The literal only thing React has going for it over Solid is the maturity of the ecosystem. Solid feels essentially like the sequel to React, where it learned all of the lessons from the mistakes they made when developing React and fixed them.
@dannydevs
@dannydevs Жыл бұрын
Wait a second, way more than what? Not providing a first party router? Not providing a first party state management library? Not providing a meta framework? React has dropped the ball in so many ways for BOTH devs and product users, but to make it worse they've gaslighted and red herring-ed and misdirected for so long that I'm amazed at the Stockholm syndrome that a lot of React devs have.
@PanzerFaustFurious
@PanzerFaustFurious Жыл бұрын
This sounds almost identical to vue 3. Createsignal() = ref() Creatememo() = computed() CreateEffect = watchEffect
@academind
@academind Жыл бұрын
It's true - they definitely share key concepts
@maskman4821
@maskman4821 Жыл бұрын
Thank you for letting us know about this, if this is the case then Vue developers should have no problem trying Solidjs 🥰
@planesrift
@planesrift 6 ай бұрын
It has the good part of React (love the component functions). I really hope I can use it at work.
@johnwalter8024
@johnwalter8024 Жыл бұрын
Thanks for great explanation by any chance do you plan for a course for solid?
@mello1016
@mello1016 Жыл бұрын
Svelte and Solid are the best frameworks in the market. Sadly the ecosystem effect will continue to force developers to choose inferior solutions.
@SilvestreVivo
@SilvestreVivo Жыл бұрын
Totally agree
@dannydevs
@dannydevs Жыл бұрын
Nope, Vue 3 is awesome, Nuxt 3 has some amazing features. Vue 3 is as fast as Svelte according to a benchmark I saw (Evan You acknowledged that after optimization Svelte will probably be faster, but Vue Vapor will mean Vue will eventually be as fast as Solid, which is faster than Svelte). Vue is battle-tested and has a huge community and ecosystem compared to Svelte and Solid. Vue 3 Composition API looks very much like React hooks/Solid, and is SFC like Svelte/Angular. The Vue team is on fire right now. The Golden Era of Vue is just beginning ;).
@mello1016
@mello1016 Жыл бұрын
​@@dannydevs Vue awesomeness cannot be denied. It also has quasar which provides fully packaged multiplatform developer experience
@albertocastany
@albertocastany Жыл бұрын
looking forward to this course
@lcarv20
@lcarv20 Жыл бұрын
When it comes to react alike frameworks solid is great, I love it, but my favorite frontend framework is still svelte.
@gyorgykovesdi
@gyorgykovesdi Жыл бұрын
Indeed, Vue and Svelte is way more clean and simple than any other framework. SolidJS may be more performant, but I hate JSX spagetti so much, i would never use it...
@lcarv20
@lcarv20 Жыл бұрын
@@gyorgykovesdi It’s also about developer ergonomics am I right?
@slmjkdbtl
@slmjkdbtl Жыл бұрын
@@gyorgykovesdi jsx is optional, you can also use hyperscript or html string
@josephs1732
@josephs1732 Жыл бұрын
Been trying hard to move away from svelte-kit to solid-start. JSX lets me break UI into as many smaller components within the same file. Its annoying to go back to svelte's single file component model. Solid signal seems interesting although not sure why we should care since we already have RXJS. Its even more confusing now that I hear angular is trying to incorporate signals. What exactly signals solve that RXJS cannot? Hope to see more videos on solidjs.
@dannydevs
@dannydevs Жыл бұрын
Check out Ryan Carniato's YT streams. They're super long but he goes into RxJS several times. Not sure how deeply, but he did a whole talk with Misko on Angular.
@rutpshah
@rutpshah Жыл бұрын
Every new framework comes as a killer of some top tier frameworks and miserably fails due to lack of community. Who wants to keep changing frameworks every now and then for large scale projects??
@meka4996
@meka4996 Жыл бұрын
You forgot to mention SolidJs runs only a bit slower than vanilla JS, but faster than all other frameworks!
@dannydevs
@dannydevs Жыл бұрын
Vue Vapor will be right there with Solid in a year or so ;)
@fintechtelugu6980
@fintechtelugu6980 Жыл бұрын
Solid JS is written in Typescript 👍
@naranyala_dev
@naranyala_dev Жыл бұрын
waiting for the crash course
@siya.abc123
@siya.abc123 Жыл бұрын
So most importantly SolidJS does what you tell it to do. It's intuitive like that
@JeremiahFulbright
@JeremiahFulbright Жыл бұрын
Huge fan of SolidJS
@elson_correia
@elson_correia Жыл бұрын
This guy is a great explainer 😊
@dixztube
@dixztube Жыл бұрын
Oh that’s clever how it works
@anassnassim
@anassnassim Жыл бұрын
i was trying to remeber you and then i remember that i learned the angular from you it was a great great course thank you so much for that
@gkiokan
@gkiokan Жыл бұрын
@academind can you compare this against vue? Vue is way simpler then React and still Powerfull.
@mikedev4673
@mikedev4673 Жыл бұрын
From what I experienced, if you have been using Angular you would probably like Svelte, and if you worked with React you would probably like more solids, anyways I really hope this two frameworks will replace the current ones in few years. thank you for sharing it!
@isimvol
@isimvol Жыл бұрын
If you are building a prod app in 2023 it's between React and Vue
@ishraq95
@ishraq95 Жыл бұрын
True
@ishraq95
@ishraq95 Жыл бұрын
@@isimvol svelt is 20X faster than react mind it..
@ishraq95
@ishraq95 Жыл бұрын
@@isimvol vue and react are for children.. Angular not for children Developer...
@PatrickFerreira-id7bd
@PatrickFerreira-id7bd Жыл бұрын
@@ishraq95 Grow up.
@inDefEE
@inDefEE Жыл бұрын
i’m starting up a new proj and am really considering going with solidjs. Only concern is SSR which I need. SolidStart looks unfinished and wondering if anyone has tried?
@LearnFrontendNow
@LearnFrontendNow Жыл бұрын
That was an amazing breakdown Max, thank you!
@stefan8857
@stefan8857 Жыл бұрын
From pure Dom to virtual Dom to pure Dom, next up back to virtual dom
@academind
@academind Жыл бұрын
Hehe, going in circles!
@Dunktastic17
@Dunktastic17 Жыл бұрын
Max my good friend. Are there any planned updates to the Svelte course on Udemy?
@icarusgk
@icarusgk Жыл бұрын
Vue has been doing this since long ago, sad to see it doesn't get the recognition these other frameworks get.
@damjanstojanovski3144
@damjanstojanovski3144 Жыл бұрын
yep i was thinking the same...Vue runs the component functions once as well. And also i think VUE does get recognition and its used in more and more places
@arden6725
@arden6725 Жыл бұрын
True, but svelte takes one step further by letting you write component code that looks like vue, with even less pitfalls,. and a way smaller bundle size. That's why svelte is taking vue's popularity right now
@icarusgk
@icarusgk Жыл бұрын
@@damjanstojanovski3144 Yes, what I meant by recognition is that "Signals" are being announced as this breaking new feature in the world of JS while Vue did it with ref() and reactive()
@icarusgk
@icarusgk Жыл бұрын
@@arden6725 The smaller bundle size is true for small apps, it has been shown that as the app continues to grow it generates a bigger bundle size than the ones from Vue or Solid
@ryansolid
@ryansolid Жыл бұрын
@@icarusgk I was mostly going to not respond here. But this is worth clarifying. "Signals" have been around since 2010 and KnockoutJS. I've never claimed they were new. Solid has been using them in the primitive composable way since I first created the library in 2016. Vue has had this reactivity under the hood from the start but only went to composables in 2020 when they introduced ref and reactive. The world I created Solid into was nothing like it is today. It was a world before Hooks and Composables and suddenly when the world did change I found myself in the eye of the storm. Also Vue setup functions run once, but their templates rerun every time as they are a VDOM library under the hood. So the similar constructing virtual nodes and then diffing and patching as React happens. Solid's DOM is updated granularly as if individual expressions were written with `watchEffect`. This is more of a technical detail but accounts for the difference in performance. That being said I think Vue gets a worse rap than it deserves especially compared to Svelte given it scales better and generally is more performant (when optimized). And Svelte is still a component lifecycle re-run model even without its Virtual DOM so it isn't all that different. Interestingly Solid is probably the most different from React but I don't think that is well understood. Vue is working on a new compiler to generate Solid like code called Vue Vapor. So you may be able to experience the benefits of Solid in your Vue applications before you know it.
@sky_kryst
@sky_kryst Жыл бұрын
Good to hear your voice again :)
@matthewbecker2387
@matthewbecker2387 Жыл бұрын
I'll definitely be sticking with Vue. HTML in JavaScript functions is just wrong.
@yourivanmill
@yourivanmill Жыл бұрын
I don’t like JSX either, just give me plain html and I’m happy
@dannydevs
@dannydevs Жыл бұрын
Actually it isn't, as Vue itself allows users to use JSX. JSX is sometimes needed when adding logic to the template reaches its limits, and JSX allows the full expressive power of Javascript to be used along with HTML.
@kidbrave_7673
@kidbrave_7673 Жыл бұрын
Solid Js looks solid, but if you want something straight out the box that’s very developer friendly, powerful and less complex than react and solid is pick up alpine js. That’s the game changing framework we need to all be talking about! 😀🙌🏾
@shimadabr
@shimadabr Жыл бұрын
Alpine js seems great on small to medium projects. They even advertise themselves as the modern Jquery, so it seems appropriate when the app doesn't need too many components and state management (so, most of the projects).
@kidbrave_7673
@kidbrave_7673 Жыл бұрын
@@shimadabr Man you completely nailed it with that message! You’re exactly right! I honestly think it really depends on the individual when it comes down to it. Are they looking to get a job in the industry. React and vue are the 2 to use. But, if you’re trying to build an application as a freelancer or build a startup something like alpine or hell even vanilla JavaScript would be a very solid approach because you don’t have to worry another your JavaScript needing to compile. Which in my opinion UX approach of things I think vanilla js is better than any of these frameworks because of the page loading time. But, these are my personal opinions and my Bias opinion.😏
@mohammadz5474
@mohammadz5474 Жыл бұрын
Max i am ( and i think not just me for sure ) waiting to hear your opinions and explaining about chatGpt 🤔
@nosthrillz
@nosthrillz Жыл бұрын
Sounds a lot like Vue 😁 does it use proxies too?
@nero1375
@nero1375 Жыл бұрын
how about reading the docs once and while? hehehe
@nosthrillz
@nosthrillz Жыл бұрын
@@nero1375 just once maybe. I don't develop at all in the react ecosystem, sooo there's no reason to remind myself later to read about it. I see this videos on the phone and I'd forget if i wouldn't just get a reply here 😁
@adeleke5140
@adeleke5140 Жыл бұрын
Solid is great but unless it is adopted by companies and the community rallies to build packages for it, it would not topple the React and NextJS dominance. Because companies would be thinking : why use something brand new instead of a library that has been battle tested? React mental models are not too difficult to understand if you take the time to learn it properly tbh.
@windmaomao
@windmaomao Жыл бұрын
I think the main issue is that, can Solid really do state management? For instance, will it really replace redux or context etc? If not, what's the point of switching?
@nero1375
@nero1375 Жыл бұрын
@@windmaomao did you saw the signal part of the video?
@nero1375
@nero1375 Жыл бұрын
hey fella, who gives a shit about big companies using? Do what is relevant to you. knowledge is not a waste. Solid is a improved React garbage. Stop considering using just because a company now uses. Use it, create content and better tooling for the framework if you are really into it. Community driven always will be more important than a Big Tech
@slmjkdbtl
@slmjkdbtl Жыл бұрын
It's possible to understand the react mental model, but i don't think there's another framework requires a bigger mental model shift than react, it is the most "framework" framework out there and everyone will walk into traps if they don't have a good understandings of how components / hooks work under the hood. In comparison there's really little to learn about solid, it's really just a signal library, with some functions that generate DOM that works with the signals
@adeleke5140
@adeleke5140 Жыл бұрын
@@nero1375 I wouldn’t call React garbage and I don’t mean big companies, I was referring to what companies hire for which is dominantly ReactJS.
@0xbarb
@0xbarb Жыл бұрын
ofc it is didn’t watched the video but using solid from a while and no way back to react, mix with astro and u most happy dev 😂
Жыл бұрын
I hate that react is worst of them all, but not bad enough to make people going away from it. And there is no JS framework could replace react native anytime soon :)
@SoraJustAGuy
@SoraJustAGuy Жыл бұрын
What? Another one? What happened to svelte hype? 😅
@racecarjonny8460
@racecarjonny8460 Жыл бұрын
Yes, no re-rendering plz.
@oriongalactic
@oriongalactic Жыл бұрын
when will come a js framework that were WASM base? That would be worthy to learn since using that technology would speed up the performance and also render smaller bundles
@MahadyHasan
@MahadyHasan Жыл бұрын
Although I haven't used SoildJS yet, the features I loved that I've seen about SolidJS so far. SolidJS will definitely give a more comfort development experience than ReactJS in near future.
@yokowasis
@yokowasis Жыл бұрын
So it's basically a react sibling that is loved by everyone ? as a first born, I can relate.
@ishraq95
@ishraq95 Жыл бұрын
Why sveltkit is not getting popularity?
@subham11
@subham11 Жыл бұрын
Looking forward for something same as Solid Native :)
@nero1375
@nero1375 Жыл бұрын
Nativescript could solve this
@fyriss_
@fyriss_ Жыл бұрын
What's the point of "createMemo" when component function is executed only once and there are no rerenders of whole component?
@IainSimmons
@IainSimmons Жыл бұрын
If the signals used in the function you pass to it don't change, it won't recalculate. Useful for more complex or resource intensive calculations. But yeah, it's so fast that if you just use the regular derived functions, you're unlikely to notice many issues.
@fyriss_
@fyriss_ Жыл бұрын
@@IainSimmons Yes but the same way it works like that right? const dogAge = Math.floor(age / 7) Where age is signal getter function
@fegyi001
@fegyi001 Жыл бұрын
So this is basically the same thing Angular will implement in v16 with Signals, right?
@VladimirosJohanson
@VladimirosJohanson Жыл бұрын
So, you could say that SolidJS is pretty... solid
@markwonder8168
@markwonder8168 Жыл бұрын
Looks like reactive Vue3 meets React.
@yourivanmill
@yourivanmill Жыл бұрын
So sad, Vue isn’t gettin the credit it deserves. Vue does this all..
@AllenZWalker
@AllenZWalker Жыл бұрын
will take a look, I find remix like the next big framework, maybe in the long run solidstart will be a good alternative.
@IainSimmons
@IainSimmons Жыл бұрын
I think it would be in Remix's best interests to switch to something like Preact (core team members of both frameworks are employed by Shopify). Remix has had a big impact on a lot of other frameworks in the space right now, but I don't think they are seeing the growth they hoped for.
@dannydevs
@dannydevs Жыл бұрын
Remix is going nowhere with Next JS in the room, and overall the React ship is slowly going down in flames.
@majdeddinebentahar5434
@majdeddinebentahar5434 Жыл бұрын
hey max, hope you make more videos like the type of this one, have a good day.
@dasunwahalathanthrige5872
@dasunwahalathanthrige5872 Жыл бұрын
I wish if you can move away from JS eco system and work courses on DevOps, AWS, etc. will be helpful for many. Because, You have enough courses relates to JS to become full stack developer but to be full stack having DevOps is also a must.
@ravijangir7519
@ravijangir7519 Жыл бұрын
thanks for valuble suggestions
@martijn3151
@martijn3151 10 ай бұрын
Just switched to solid and when I now look at the react state mess, I hope I won’t switch back
@aashiqahmed5273
@aashiqahmed5273 Жыл бұрын
love diving nito solid js
@ekimbangola
@ekimbangola Жыл бұрын
Thanks man. Great work
@maxalmonte14
@maxalmonte14 4 ай бұрын
Let's give it a year or so, will have a video called "Is LiquidJS the better SolidJS!?".
@alleyare1
@alleyare1 Жыл бұрын
only stick with remix
@pxkqd
@pxkqd Жыл бұрын
Tl;dw: Yes, it's better than react in every way, just used by less people because it's newer.
@theLowestPointInMyLife
@theLowestPointInMyLife Жыл бұрын
Anyone with half a brain would be using Solid just now.
@jacobusterhorst2886
@jacobusterhorst2886 Жыл бұрын
React should adopt the SolidJS functions!
@codokit
@codokit Жыл бұрын
What about solid native? React Native is huge, but do we have any answer from SolidJS team on this topic?
@beyourahi
@beyourahi Жыл бұрын
for a mid to large size e-commerce website SolidJS or Qwik will be better?
@walidlezzar2357
@walidlezzar2357 Жыл бұрын
Doesn’t preact signals (also usable within react) provide exactly the same functionality in react?🤔
@BosonCollider
@BosonCollider Жыл бұрын
I honestly wouldn't compare it to React other than the fact that you write functions that return JSX. The underlying model is very different.
@tinmank
@tinmank Жыл бұрын
I wonder how it works with chrome extensions, or in-browser translate tools. They directly inject on DOM. So could any outside dom injection could break it?
@fallen_turbo
@fallen_turbo Жыл бұрын
Hi Max, what do you think about Qwik
@haritpatel5001
@haritpatel5001 Жыл бұрын
Amazing explanation...
You might not need useEffect() ...
21:45
Academind
Рет қаралды 161 М.
The First Post-React Framework Just Launched
20:46
Theo - t3․gg
Рет қаралды 110 М.
Getting Started with SolidJS
18:53
Academind
Рет қаралды 37 М.
Node.js is a serious thing now… (2023)
8:18
Code With Ryan
Рет қаралды 648 М.
Solid js - signals, createEffect, createResource. Круче React?
30:48
PurpleSchool | Anton Larichev
Рет қаралды 14 М.
SolidStart 1.0 First Look: Comparing to React / Next.js
26:20
The Most Legendary Programmers Of All Time
11:49
Aaron Jack
Рет қаралды 563 М.
The Difference Between Vue and React
10:27
Lachlan Miller
Рет қаралды 37 М.
React VS Svelte...10 Examples
8:35
Beyond Fireship
Рет қаралды 561 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 477 М.
Solid.js Just Got WAY Better
13:11
Theo - t3․gg
Рет қаралды 84 М.
What is SolidJS (vs React and Svelte) ?
6:02
Kodaps Academy
Рет қаралды 30 М.