npmgraph.an
svelte-it-will-scale
npmgraph.an | svelte-it-will-scale | |
---|---|---|
5 | 8 | |
1,221 | 173 | |
- | - | |
3.9 | 3.9 | |
11 months ago | about 4 years ago | |
JavaScript | JavaScript | |
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.
npmgraph.an
-
Svelte 4
It's referring to all transitive dependencies - not just direct dependencies. More like this: https://npm.anvaka.com/#/view/2d/vue
-
Selecting the Right Dependencies: A Comprehensive Practical Guide
All the points listed above are multiplied, to some extent, by the number of dependencies in the entire dependency tree of the project. A great tool to check the complete dependency tree: https://npm.anvaka.com
-
How to explain that vue.js isn't bloated?
A colleague of mine just told everyone that vue.js is simply bloat, other frameworks are better and he doesn't want to work with vue.js. As "source" he sent this following link: https://npm.anvaka.com/#/view/2d/vue and told us to compare it to @angular/core and react. I love vue and obviously know that it isn't bloat, but I don't know how to argue my point.
-
Where to learn more about internal workings of React?
I saw this yest and it’s kind of cool to visualize all the dependencies of a package. Hope it helps https://npm.anvaka.com/
- Npmgraph.an shows a dependency graph of any NPM package
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
What are some alternatives?
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
svelte-error-boundary - Error Boundaries for Svelte
skeleton - A complete design system and component solution, built on Tailwind.
svelte-kit-koa-boilerplate - This is a boilerplate for svelte-kit and koa.
svelte-headlessui - Unofficial Svelte port of the Headless UI component library
js-framework-benchmark - A comparison of the performance of a few popular javascript frameworks
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]
carbon-components-sv
sveltestrap - Bootstrap 4 & 5 components for Svelte
svelte-material-ui - Svelte Material UI Components
svelte-spa-router - Router for SPAs using Svelte 3
svelte-error-boundary - Fix error boundary Svelte 3 problem to prevent full app crash :scream: