enhance.dev
enhance-starter-project
enhance.dev | enhance-starter-project | |
---|---|---|
18 | 8 | |
72 | 361 | |
- | 2.5% | |
9.2 | 8.1 | |
5 days ago | 14 days ago | |
JavaScript | HTML | |
- | Apache License 2.0 |
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.
enhance-starter-project
-
Introducing Enhance Image
With all this in mind, one of the first side projects I spun up for myself after joining Begin in 2022 was to investigate how we could make responsive images easier for users to author in their Enhance projects. While by no means revolutionary, the core concept was to make a configurable, standards based, single file component available to users, which would simplify the implementation of responsive images in addition to eliminating the need to generate arbitrary image variants by hand. I (and my colleagues at Begin) went through multiple iterations and proposals for this project, weighing everything from the pros, cons, and most compelling use cases of the Image and Picture elements, to different component signatures, options, and patterns for configuration.
-
Removing React is just weakness leaving your codebase
It’s 2024, and you are about to start a new project. Do you reach for React, a framework you know and love or do you look at one of the other hot new frameworks like Astro, Enhance, 11ty, SvelteKit or gasp, plain vanilla Web Components?
- You don't need JavaScript for that
-
Shadow DOM: Not by Default
If you disagree with this article, maybe try out Enhance in anger and let us know what you think.
-
Enhance – The HTML first full stack web framework
The other file in that example is JS, and interestingly it uses a plain template literal without an `html` tag or anything to help with language tools and syntax highlighting
https://github.com/enhance-dev/enhance-starter-project/blob/...
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.
enhance-shadow-element - Enhance Shadow DOM element base class
enhance-movies - A demo application built with Enhance, the HTML first framework. Powered by Begin and The Movies DB.
enhance-custom-element - Enhance Custom Element base class
enhance-styles - Functional utility classes
lit - Lit is a simple library for building fast, lightweight web components.
exalt - A JavaScript framework for building universal apps.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
awesome-tagged-templates - A list of libraries and learning resources for ES2015 tagged template literals
wc-icon-rule - A spicy horizonal rule
fast - The adaptive interface system for modern web experiences.