svelte-it-will-scale
solid
svelte-it-will-scale | solid | |
---|---|---|
8 | 20 | |
174 | 5,767 | |
- | - | |
3.9 | 9.3 | |
over 4 years ago | over 3 years ago | |
JavaScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svelte-it-will-scale
-
Svelte Series-1: An awesome framework
Compiled code logic redundancy. Some readers may worry that if the complexity of the business logic, resulting in a straight line increase in the size of the code file after compilation, whether it will lead to a certain degree of performance degradation?Github on the relevant developers for this problem to analyze svelte-it-will-scale:
-
Svelte 4
That N is very large. E.g. here's a page that talks about it: https://github.com/halfnelson/svelte-it-will-scale. I'll note that was done with Svelte 3 and that with Svelte 4 components are at least 10% smaller, so it's actually even better than that. SvelteKit is also very efficient at JS splitting per-route thanks to Vite. It ensures only the JS that is necessary for a page is loaded and you're extremely unlikely to be using anywhere near that many components. Based on the article above, you'd have to have three entire sites worth of components on a single page.
-
Migrating from Vue 2 to Svelte
Sure, performance (bundle size), performance/predictability, simplicity (blog post)
-
What are we trading away when using a UI compiler?
Finding Svelte's Inflection Point
-
My Evaluation of SvelteKit for Full-Stack Web App Development
yes am aware, but also in any realistic scenario, code splitting comes in well before the crossover point where that even remotely comes into question. this has been independently verified twice now:
https://twitter.com/sveltesociety/status/1301168598988107776...
https://svelte-scaling.acmion.com/
https://github.com/halfnelson/svelte-it-will-scale
sveltekit has further opportunities for whole-app optimization but honestly given this research i lost interest bc its more than good enough
-
Svelte generates a LOT of JS output code. How is it not adding framework like functionality in runtime?
Svelte lowers the initial size of your app, however the incremental cost of each component creates an inflection point, where the added size of each component exceeds the size of a pre-bundled framework. What actually matters is where this inflection point is. This experiment actually evaluates that https://github.com/halfnelson/svelte-it-will-scale. Essentially, you would need a project equivalent to four times the size of the svelte.dev website to reach this point.
-
Server Rendering in JavaScript: Optimizing for Size
Naturally, the first thing I want to do is put these to the test, but it would be anecdotal at best. The first thing that came to mind was the comparison of Svelte Component Scaling compared to React. Some sort of test to see how much difference a small library that ignored all this compared to a large library that didn't.
- Svelte beats react for developer satisfaction in 2020
solid
-
Why Virtual DOM is considered faster that directly updating the real DOM.
The strength of V-DOM definitely doesn't lay in performance. It made it easier for developers to write more maintainable interactive UI. Other than that I'd rather think of it as a compromise. Fortunately, frontend web dev continuously progresses and there are initiatives like https://github.com/ryansolid/solid which focus on compilation-time diffing.
-
Learning to Appreciate React Server Components
You see I work 12 hours a day. 8 hours of that is my professional job where I am a developer on the Marko core team at eBay. Then after some much-needed time with my family, my second job starts where I am core maintainer of the under-the-radar hot new reactive framework Solid.
-
Hyperapp – Is It the Lightweight 'React Killer'?
They’ve been well received, and the core ideas behind them have inspired the likes of Vue’s Composition API and a big part of Solid’s API.
- Solid Update: March 2021
-
Introducing maple, a VDOM-less fine grained reactive web framework in Rust + WASM
After discovering solid js, I wondered how feasible it would be to write such a framework in Rust. After two days of hacking around, here is the result!
-
Introducing maple, a VDOM-less fine grained reactive web framework running in WASM
After discovering solid js, I wondered how feasible it would be to write such a framework in Rust. After two days of hacking around, here is the result!
-
[AskJS] Any interesting use cases for Proxy?
Solidjs UI library uses Proxies in order to make state reactive https://github.com/ryansolid/solid
-
[AskJS] What you love about Javascript that we don't find in another programming language and why many OO programmer from others language Java, C#, C++ etc hate/don't like it ?
[0] https://github.com/ryansolid/solid#the-gist
-
Server Rendering in JavaScript: Optimizing Performance
The key thing to understand though is this is not a React-only approach. I make heavy use of this pattern in my Solid projects as it makes a really nice isomorphic solution and works really well with the next topic...
-
Building a Reactive Library from Scratch
The main ones that I'm referring to have proxy implementations along with their basic signal atoms. MobX's `observable`, Vue's `reactive`, Solid's `state` all are reactive proxies that properly handle subscriptions.
What are some alternatives?
svelte-error-boundary - Error Boundaries for Svelte
Svelte - web development for the rest of us
svelte-kit-koa-boilerplate - This is a boilerplate for svelte-kit and koa.
marko - A declarative, HTML-based language that makes building web apps fun
svelte-headlessui - Unofficial Svelte port of the Headless UI component library
morphdom - Fast and lightweight DOM diffing/patching (no virtual DOM needed)
js-framework-benchmark - A comparison of the performance of a few popular javascript frameworks
rust-dominator - Zero-cost ultra-high-performance declarative DOM library using FRP signals for Rust!
carbon-components-sv
hyperapp - 1kB-ish JavaScript framework for building hypertext applications
npmgraph.an - 2d visualization of npm
solid-storybook-example - Using Storybook with Solidjs