#solidjs
@Jdreben @guardiarris @maegul Yes, at least #Leptos takes the #SolidJS approach of using signals to update only the minimal amount of DOM that actually changes.
Regarding JS: you don't need to touch it explicitly in those frameworks, BUT: it is still used to manipulate the #DOM.
For this to work, a lib called wasm-bindgen is used (awesome piece of technology!), which basically bridges #Rust <-> #JS:
https://rustwasm.github.io/docs/wasm-bindgen/
leptos_dom depends on it:
https://github.com/leptos-rs/leptos/blob/4ade062cd8cdbe9128aa7a2c8169c17c9d3e874c/leptos_dom/Cargo.toml#L28
I am building a little web app to support a new article that I am currently working on. I decided to take the opportunity and learn the basics of SolidJS. Let me tell you, I absolutely love it!
This course by The Net Ninja is a great place to start 🫶
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gU_GvFygZFu0aBysPilkbB
This is a nice brief video.
– Wherein, Adam Elmore explains why he is stepping back from using React on new projects.
– He also touches on what he is liking more about SolidJS nowadays.
A lot of what he says resonates with how I feel too.
Porting React-Admin to Solid. To explore the differences between #React and #SolidJS, my colleague Gildas implemented a basic CRUD framework, inspired by react-admin, in Solid. Introducing: solid-admin. https://marmelab.com/blog/2023/05/11/porting-react-admin-to-solidjs.html
Want to have an advanced web app created using #nextjs, or #solidjs?
We offer completely custom websites using these frameworks. All we need from you is a figma design, or an example website you want to clone.
Contact us at https://blurrybit.com/#contact
if you are interested! 🙌
[1/3]
At work, we have been kicking the tires on a game I built in SolidJS. It is now in internal beta. Thus far, my experience has been:
– Solid is much more pleasant to work with than React. To the point where I feel like a schmuck for all the years I wasted on React, and hope to never be in a position where I have to work with it again.
Want to know more about #SolidJS and the person behind it?
https://medium.com/@philipjohnbasile/who-is-ryan-carniato-and-why-did-he-solidjs-bccebf86ab03
is there anything like Radix/Headless UI on #SolidJS right now?
This is a good read about when React jumped the shark.
Q: "Were React Hooks a mistake?"
⚠️ Spoiler: Yes.
I especially like this summation, which resonates with why I prefer SolidJS nowadays.
> "People aren't switching to these frameworks just for the performance. They're switching because these frameworks offer a fundamentally different programming model."
คือตอนนี้ที่ทำงานย้ายมา #Next.js/React แล้ว แต่คือยังงง dataflow มันเมื่อเทียบกับ Angular (สวนทางกับที่เค้าบอกในคลิป)
พอไปส่อง #SolidJS แล้วเข้าใจ flow ขึ้นเยอะมาก
ถ้า #Angular ย้ายมา signal แล้วคนเข้าใจง่ายกลับมาใช้กันจริงก็ยินดีและเป็นเรื่องดีมาก ขอแค่มัน compatible เต็มที่กับ #RxJS เพราะ signal มัน less powerful than RxJS ในแง่ของ pipeline มากๆ โดยเฉพาะเมื่อเกี่ยวกับ async
@ro Good question.
#qwik & #solidjs & #svelte are able to do the stuff that they do, including resumeablilty and fine grained reactivity because they take the code and compile it into an optimised format.
React.js does everything at runtime, they say they are working on a compiler but it is atleast a year away.
I think next.js is the same...
Good article about reactivity and how SolidJS handles signals. This is by far my favorite aspect (along with stores). Its approach is objectively better than React.
Solid makes working with app state a simple and pleasant experience. Rather than the myriad of approaches in React, each one essentially being a kludge no matter which.
I feel like Solid guides me towards good decisions, by nature of how the framework itself is architected.
https://dev.to/this-is-learning/react-vs-signals-10-years-later-3k71
Trying to figure out webc now that is been updated to 0.9.0 in #11ty. I’m hoping I can combine #webComponents / webc with #solidJS.
Like an absolute madman, I swapped out the view layer of https://noisy.fun (a medium sized app, maybe), replacing Vue 2 with #SolidJS. I like, though. Feels like Svelte but with comfy JSX.
You can use the POST data to populate forms in #SolidJS #SolidStart SSR.
In this toy example I used createRouteData and a small IsServer check. Client side I just don't return data.
Source: https://gist.github.com/jaroel/407eacf81a7d752fb0924e19d304bcda
TIL to create a #SolidJS app using Stackblitz is as simple as https://solid.new
:nodejs: :javascript: :typescript:
SolidJs vs Svelte Compiler difference
@MerriNet @d3x7r0. Yeah it was #solidJS that reminded the community of an older pattern of fine grained reactivity that existed in older js libraries like knockoutJS (from 2010 ish). SolidJS showed how performant that pattern of authoring JS is. If you want to learn more about SolidJS this repo is a great place to start - https://github.com/one-aalam/awesome-solid-js as it has links to lot of SolidJS resources.
I've been looking at https://github.com/lxsmnsyc/astro-solid-spa and I think I'm so close to create something similar :) a new meta-framework for #SolidJS :)
I wasted week trying to understand why "<Suspense" doesn't work in #SolidJS the way it is described in docs. Well, it just doesn't and docs should be improved. It's really simple and not really intuitive for someone coming from React. Suspense makes sure that while data is not ready all changes to DOM are not attached to the main DOM tree and rendered in orphan branch. 1/
let's say i didn't have too much contact to react so far. should i go in for a full learning, before i start something in SolidJS or can i start with solid immediateley? dev bubble? #askadeveloper #development #js #solidjs #react
I am #sick so I took some time this weekend to just rest. Spend the whole yesterday playing Hollow Knight and I got to watched #Avengers:Endgame for the first time. Today there's some light coding happening but not much, mostly exploring #Solidjs ecosystem. Gonna register for a doctor's visit and hopefully I can manage to push my work module forward (if the backend is ready but probably it's not going to be) 🙃
#tauri #solidjs
GitHub - codeaye/kolor: Generates quick colour palettes for you! https://github.com/codeaye/kolor #t2m
I've been interested in learning more about how SolidJS and React differ when it comes to rendering and other DOM manipulation tasks. This article provides a nice overview.
SolidJS vs. React: The Go-to Guide
@joelhooks I agree with you, new tech like #qwik & #solidjs stand on #reactjs shoulders, partly they are attractive as one does not need to re-learn them as most of the #syntax is same.
However reactjs was built on top of shoulders of a giant like #angular that I was working with before I started using #react.
I like #reactjs I make money professionally because of it.
So I mean no disrespect & hopefully for future if we learn new tech it should be an exciting experience not a religious one.
In JS, why do people create more frameworks rather than optimize and fix existing frameworks?
#FrontEndDeveloper #frontenddev #javascript #typescript #reactjs #nextjs #vuejs #solidjs #angular
@mariusor web-components are not bad 😅 .
But implementing a WebComponent using the native WebComponent API is much more complex than using a thin layer like #SolidJS.
That results in a larger codebase => much more maintenance effort => less time in implementing your functionality.
Think of the native WebCompoent API as low level and SolidJS as high-level API for doing the same stuff.
@mariusor Don't do native WebComponents development - it's pain in the ass.
Ii I would be you ... I would consider to use Solid.js
https://www.solidjs.com/guides/getting-started#web-components
Small. Strong. Straight forward. Produces WebComponents. Perfect 👍
SolidJS Crash Course - Building a REST API Client - Part 1 by @codewith_ahsan
https://dev.to/codewithahsan/solidjs-crash-course-building-a-rest-api-client-part-1-57ee
#javascript #typescript #programming #SolidJS #restapi #coding
- solstice, though not exactly a personal accomplishment
- passed 500km in the Holiday Challenge #rowing plus 3500km for the season PLUS a new PB 2k
- finished a new module I’ve been struggling with. All tests passing. #typescript #solidjs
#oss #foss #servers #frameworks #typescript #javascript #deno #vr #ai #nocode #lowcode #solidjs #preact #web3 #astrojs #html #webcomponents #github #vscode #cli #opensource #coding #programmer #adamsavage #hasanabi #alanwatts #nyc #brooklyn #queens #astoria #graphicdesign #startups #sewing #cosplay #thriftstores #upcycling #hotyoga #yoga #meditation #tonglen #lojong #buddhism #espresso #coffee #socalism #maker #3dprinting #vr #quest2 #metaquest2 #starwars #marvel
@patak @IanVS I'll test our plugins for #SolidJS and #SolidStart – anything I should look out for? Any breaking changes?
@jasonbyrne @nosherwan @humbird0 TypeScript is JS with added type annotations, so you're still developing in JS when you use TS. Otherwise, yes, especially the IDE integrations are absolutely great.
My day job is still writing react stuff, but in my free time, I use #SolidJS and #SolidStart.
Wrote my first use of web #DragAndDrop tonight. I'm using #SolidJS for the main editing UI, so I wasted yesterday's coding trying to find+use a native D&D library for that, but stable object identity + #VanillaJS turned out to be much simpler than decoding those libraries' documentation.
Meine Hobbies sind auch bei Regen und @Gegenwind Rad oder #LastenRenner fahren und schrauben, an und um #SolidJS und #SolidStart entwickeln, Ukulele spielen und Singen, meinen Kindern vorlesen und gelegentlich Gedichte oder Liedertexte (um-)schreiben.
:nodejs: :typescript:
#primeagen has a live #twich session about #qwik with its creator.
There is comparison with #nextjs & a bit about #solidjs as well.
Its a long but very informative video as primeagen asks all the right questions.
Bravo #fireship really knows how to deliver maximum knowledge in a short span of time 👏🏼
:nodejs: :typescript:
After constructive discussions here & my own research it seems like the people (most of my fellow technologists here 😀) think #svelte #astro & #solidjs are better candidates then #qwik .
So what is the next logical step, I learn more about #astro & #solidjs before moving forward.
Rest of my #introduction (tech side):
Professionally, I spend about 30% of my time on the keyboard developing internal tools and #MLops. For personal projects, I focus on Web technologies (#Typescript, #SvelteKit, #TailwindCSS, #AstroJS, #Golang). I am active in #web3 development, including #blockchain programming. I am currently learning #Rust :rust: and looking into #SolidJS and #Tauri.
I am looking forward to meet like-minded people in this space!
(2/2)
@beeb @irreverentmike the interesting thing is I was looking into #solidjs when #ryanCarniato the creator of solidjs wrote an article about #qwik and inspired me to look into it.
Here is the article:
https://dev.to/this-is-learning/resumable-javascript-with-qwik-2i29
@irreverentmike @beeb yes I like #solidjs too.
#qwik has a similar offering called #qwikCity
I write #software for http://indeed.com (job search site) (previously employed by Amazon). I've written a lot of #database-backed #webservices in #Java, but in the last few years, I've been working on #microfrontend platforms in #JavaScript & #TypeScript, primarily supporting #React. I have more knowledge about #Webpack #ModuleFederation than anyone should be cursed with. I'd love to try #SolidJS, #RustLang seems really cool, and I'm excited about the future of #WebAssembly.
@nosherwan #quik & #solidjs handle the front end, but #SolidStart extends the same simplicity to the server so that your isometric code may include the server model and the client bindings in fluent code.
@lexLohr totally agree with you.
both #qwik & #solidjs build on top of jsx, hooks, but simplifying where other frameworks have #footguns with #reactivity & reducing initial js loads.
“SolidStart is a first-party project starter/framework for #SolidJS”
https://www.solidjs.com/blog/introducing-solidstart
@nosherwan For me the choice of framework would depend what I'm trying to build. #AstroJS is awesome for static sites and they're branching into #SSR, and I'm using it for our company's marketing page, but I wouldn't use it for a highly-dynamic admin panel, for instance. I'd love to learn more about #SolidJS sometime, and #quik has some really cool concepts too, like server resume rather than rehydration.