codesandbox-client
import-maps
Our great sponsors
codesandbox-client | import-maps | |
---|---|---|
366 | 45 | |
12,854 | 2,604 | |
0.6% | 0.9% | |
9.5 | 3.1 | |
6 days ago | 4 months ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
codesandbox-client
- Free Resources Every Web Developer Should Know About
-
Top Online IDE Websites in 2024 ⌨️
Sync your projects effortlessly with GitHub. Codesandbox
-
Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉
Use online code editors such as Codesandbox or Stackblitz. They let you focus on writing code rather than dealing with local environment complexities.
- Advent of Code en JavaScript Chile
-
React Hooks and Fiber deep diving
Create a CodeSandbox;
-
StackOverflow alternatives for web developers
Alternative: CodePen, CodeSandbox. But in the end, we don't need StackOverflow or any alternative at all to use our brains and analyze the situation. (Further reading: Beyond Googling the Error Message
-
👩🏾💻React for beginners: an overview
For this tutorial, we will be using code sandbox as our cloud IDE.
-
Examples of code playground/sandbox apps taken to the next level, how they work, and how far you would take a code playground site?
At first I was thinking about how to create a package manager website for a custom programming language, looking at crates.io and npmjs.com. But then you also want to have a "try" feature, if this package manager is for a language, so then it's like "code sandboxes" like play.rust-lang.org and the robust codesandbox.io for JS/TS.
-
Thinking of quitting my job to become an SWE
https://codesandbox.io/ (Free IDE)
-
Software development on a Chromebook
For a few years I have been aware of on-line development environments such as JSBin, JSFiddle and CodePen. They have spearheaded on-line development and more recently a new breed of on-line resources have become available including CodeSandbox, Stackblitz and Replit. You can even access your GitHub repos directly through an in-browser (web) version of MS Visual Studio Code by pressing the full-stop (try it in one of your own repos). Of course there are also cloud offerings from Amazon, Google, Microsoft, etc. but they require a little more configuration and setup than I was happy to incur. Finally, there are two relatively new offerings in this space in the form of GitPod and GitHub Codespaces. I have signed up but not yet explored what they have to offer.
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
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.
gitpod - The developer platform for on-demand cloud development environments to create software faster and more securely.
single-spa - The router for easy microfrontends
Visual Studio Code - Public documentation for Visual Studio Code
Visual Studio Code - Visual Studio Code
deno - A modern runtime for JavaScript and TypeScript.
openvscode-server - Run upstream VS Code on a remote machine with access through a modern web browser from any device, anywhere.
sandpack - A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.