FrintJS
import-maps
Our great sponsors
FrintJS | import-maps | |
---|---|---|
4 | 45 | |
750 | 2,619 | |
0.5% | 1.0% | |
0.0 | 3.1 | |
over 5 years ago | 5 months ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
FrintJS
-
Microfrontends: Microservices for the Frontend
Frint: another modular framework for building component-based applications. Integrates with React, Vue, and Preact.
-
What are micro frontends?
Frint: a complete framework that delivers routing, state management, server rendering and other features to micro frontend architecture
-
Choosing a Micro Frontend Framework
Others: FrintJS, qiankun, Berial, and Nuz
-
Micro Frontends Patterns#9: Client Side Composition
frintjs/frint
import-maps
- Rails Frontend Bundling - Which one should I choose?
- JavaScript import maps are now supported cross-browser
-
We Added Package.json Support to Deno
Bare specifiers has been the tragedy of ESM. Nice module syntax... that is utterly u deoyable & which has had to have awful de-modularizing specifiers hard-coded into each file to make it work. Abominable sin to introduce "modules" to JS/es2015 then spend a decade dragging everyone along with no story for how to have modular modules.
Import-maps are like "here" to fix this on the web... finally... except they only are shipping to the happiest sunniest easiest case, with Web Workers being totally shit out of luck in spite of some very simple straightforward suggested paths forward. https://github.com/WICG/import-maps/issues/2
I think Deno is making pretty good tradeoffs along the way here. This looks like package.json at surface level, but there is a nightmare of complexity under the surface. Typescript, ESM, cjs all have various pressures they create & in Node it's just incredibly tight & tense dealing with packaging, where-as Deno's happy path of Typescript first does not slowly tatters one over time. It really has been super pleasant being free of the previous world, and having something much more web-platform centric, more intented, with less assembly & less building, and more doing the actual coding.
I really hope import-maps eventually get broader support. Maybe this long-dwelling webworker issue should be brought up with WinterCG.
-
Import maps 101
Import maps proposal
-
You Might Not Need Module Federation: Orchestrate your Microfrontends at Runtime with Import Maps
The concept of Import Maps was born in 2018 and made its long way until it was declared a new web standard implemented by Chrome in 2021 and some other browsers.
-
Deno 1.28: Featuring 1.3M New Modules
Huh. I was about to complain that this breaks with web standards, but apparently it's being proposed as a standard feature: https://github.com/WICG/import-maps
Interesting!
- WebKit Features in Safari 16.1
-
Everything You Need to Know About JavaScript Import Maps
Since developers were already familiar with this way of importing packages from npm, a build step was needed to ensure that code written in this manner could run in a browser. This problem was solved by import maps. Essentially, it allows the mapping of import specifiers to a relative or absolute URL, which helps to control the resolution of the module without the application of a build step.
-
ES Modules & Import Maps: Back to the Future
Gladly, no! Because we could write an import-map!
-
How bad is it to not use a bundler?
Indeed, import maps seems to be the way to go.
What are some alternatives?
esbuild - An extremely fast bundler for the web
single-spa - The router for easy microfrontends
es-module-shims - Shims for new ES modules features on top of the basic modules support in browsers
importmap-rails - Use ESM with importmap to manage modern JavaScript in Rails without transpiling or bundling.
esm.sh - A fast, smart, & global CDN for modern(es2015+) web development.
Webix UI - Stable releases of Webix UI - JavaScript library for building mobile and desktop web apps
deno - A modern runtime for JavaScript and TypeScript.
prova - Test runner based on Tape and Browserify
You-Dont-Need-Momentjs - List of functions which you can use to replace moment.js + ESLint Plugin
Monaco Editor - A browser based code editor
jest - Delightful JavaScript Testing.