enhance.dev
vue-svelte-size-analysis
enhance.dev | vue-svelte-size-analysis | |
---|---|---|
18 | 18 | |
72 | 300 | |
- | - | |
9.2 | 0.0 | |
5 days ago | over 1 year ago | |
JavaScript | JavaScript | |
- | - |
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.
enhance.dev
- Enhance – The HTML first full stack web framework
-
Introducing Enhance Movies
We are excited to present our non-trivial learning application, Enhance Movies, designed to highlight the exceptional web development experience you get from Enhance. Our movies app is built with Enhance and The Movie Database API. With a strong focus on simplicity, performance, progressive enhancement, and offline local development capabilities, this application is set to transform your understanding of what can be done by focusing on the web platform.
- Enhance.dev
-
Above the Clouds With the New Enhance Landing Page
Those of you who’ve visited the Enhance website recently may have noticed a big change: we launched our first proper landing page! Although this project was primarily my baby over the last couple months, a lot of other folks were involved — from the stellar (and heartwarming) design & illustrations by Dani Raskovsky, to art and content direction by our very own kj, and additional ideas and feedback from the rest of the Begin team. We’re all thrilled to have this project out in the world, and we hope you’re as delighted as we are with it.
-
Full-stack Web Apps Without React
Enhance is relatively new, even compared to some of the newer tools we're talking about in this post, having been released in August 2022. It is an application framework that supports server-side rendering via Lambda functions.
-
Redefining Developer Experience
Once you’re familiar with the basics (or if you are already and want to take them further), Web Components offer a standards based methodology for creating custom reusable components. As previously mentioned, Web Components require JavaScript to run in the browser by default, and their class based interface can take some getting used to. Enhance, our HTML first framework, steps around this issue by providing you with a standards compliant way to render custom elements on the server, only requiring you to interface with the Web Components JavaScript API when progressive enhancement is called for. Plus, we’ve got a really cute mascot. Give Enhance a try today!
-
Why does everyone "suddenly" hate Single Page Apps?
There are so many remarkable new approaches like Astro, Qwik, 11ty and Enhance built around HTML-first promise that leverages the platform. If you decide to try out Enhance, please let us know what you think, as we’d love the feedback. Follow us on Mastodon and join our Discord.
-
Uploading files with HTML forms: Part 2
In Part 1 of this series we covered the HTML first solution to uploading files. In this we have made some small improvements with JavaScript. The full example repository with the code in this post can be found here: https://github.com/ryanbethel/thumbnail-upload-example. Try out enhance.dev for your next project. It has pretty much everything you need to build a functional web app.
-
Maintain scroll position across page loads without an SPA
To solve the scroll jumping we can monitor the scrollTop setting for the sidebar and restore that location if we reload the page. Enhance.dev uses custom elements to build reusable components. The is one of those components. One of the benefits of custom elements is that we can easily attach JavaScript progressive enhancement behavior in a script tag defining that element.
-
What's next on your JavaScript framework radar for 2023? (Front End)
https://enhance.dev is really powerful. Can do **way** more than a lot of the current frameworks with much less code.
vue-svelte-size-analysis
- What things sveltekit offer better than other javascript frameworks?
- The State of JS 2022
-
A React Developer's First Take on Solid
but that's not true. see https://krausest.github.io/js-framework-benchmark/current.html. There is also a break-even point in bundle size where svelte gets larger compared to vue. see https://github.com/yyx990803/vue-svelte-size-analysis
-
What's next on your JavaScript framework radar for 2023? (Front End)
i did not ignore it. You can read about it here. There is break-even point where svelte falls off compared to vue as the application grows.
- Anyone know what these recent massive spikes in svelte & vue usage are from?
-
The new wave of React state management
The first version of React was released on 2013, it took almost 10 years for Suspense to exist (we _just_ got it now with React 18), that's what I'm talking about. Even functional components and hooks took a lot of time from them get and implement the idea after they tried to use ES classes and made everything much harder to manage. Context also isn't perfect, I like it but the redraw performance is not amazing and doesn't scale at all to bigger applications.
> https://github.com/yyx990803/vue-svelte-size-analysis
This is an interesting comparison I haven't seen before, I wonder if it's true for a complete application using some lib for state management, routing, etc. and if this isn't just a kind of cherry picked example. Thanks for showing this though.
-
All you need to know about the state of Vue.js in 2022
probably only true for small projects
- Solid.js feels like what I always wanted React to be
-
Memoirs of a lone JavaScript developer PART 2 : Svelte. An awful implementation of an old idea.
You are citing this: https://github.com/yyx990803/vue-svelte-size-analysis
-
JavaScript Framework TodoMVC Size Comparison
There isn't only the size of the runtime but the size of the component code. Not all components are equal. Templates in each framework compile differently. Evan You, creator of Vue put together a comparison between Svelte and Vue which was pretty illuminating.
What are some alternatives?
arcdown - A small stack of Markdown tools configured using some preferred conventions for creating technical content rendered and served from a cloud function.
pinia - 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
enhance-movies - A demo application built with Enhance, the HTML first framework. Powered by Begin and The Movies DB.
realworld - SvelteKit implementation of the RealWorld app
enhance-styles - Functional utility classes
vue-native-core - Vue Native is a framework to build cross platform native mobile apps using JavaScript
exalt - A JavaScript framework for building universal apps.
devtools - Replay.io DevTools
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
qwik - Instant-loading web apps, without effort
wc-icon-rule - A spicy horizonal rule
inertia - Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.