unpkg
sucrase
unpkg | sucrase | |
---|---|---|
45 | 26 | |
2,891 | 5,594 | |
- | - | |
0.0 | 6.1 | |
11 months ago | 3 months ago | |
JavaScript | TypeScript | |
GNU General Public License v3.0 or later | 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.
unpkg
- Unpkg CDN down causing dependent website outages
- React Fundamentals part 2: Basic view on React core API's
- Concrete.css
-
Show HN: YouTube Musical Spectrum Bookmarklet
On platform that doesn't support browser extension (such as Google Chrome Android), you can run YouTube Musical Spectrum [1] using one of these bookmarklets:
javascript:import("https://cdn.jsdelivr.net/npm/@mfcc64/ytms/script.mjs")
javascript:import("https://unpkg.com/@mfcc64/ytms/script.mjs")
- π₯ Big update: the Gowebly CLI now supports Templ
-
Automate NPM releases on GitHub using changesets π¦
{ "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json", - "changelog": "@changesets/cli/changelog", + "changelog": ["@changesets/changelog-github", { + "repo": "your-org/your-repo" + }], "commit": false, "fixed": [], "linked": [], "access": "restricted", "baseBranch": "main", "updateInternalDependencies": "patch", "ignore": [] }
-
π₯ A next-generation CLI tool for building amazing web apps in Go using htmx & hyperscript
CLI downloads minimized versions of htmx and hyperscript (from official and trusted unpkg.com CDN) to the ./static folder and places them as separated
- Golem JavaScript Library: Latest Updates
-
Interactive Map of Linux Kernel
And the controls seem to be made with https://github.com/timmywil/panzoom:
-
CDN that bundles npm packages for browsers?
https://unpkg.com/: Seems to just provide the npm entry files straight up. Canβt use.
sucrase
-
Show HN: JSX in Browser with Sucrase
Thanks. As for the code compilation, that can be tested and seen in https://sucrase.io/
The demo page is only to show how we can transpile JSX in browsers.
-
Created a simple online JavaScript Playground, it's a place for you to try out your code and ideas.
Thanks u/OutlandishnessKey953, the playground built with React, Docusaurus(https://docusaurus.io/), CodeMirror(https://codemirror.net/), Sucrase(https://sucrase.io/), etc.
-
The TypeScript compiler is now implemented internally with modules
Hi, Sucrase author here.
To be clear, the benchmark in the README does not allow JIT warm-up. The Sucrase numbers would be better if it did. From testing just now (add `warmUp: true` to `benchmarkJest`), Sucrase is a little over 3x faster than swc if you allow warm-up, but it seemed unfair to disregard warm-up for the comparison in the README.
It's certainly fair to debate whether 360k lines of code is a realistic codebase size for the benchmark; the higher-scale the test case, the better Sucrase looks.
> worse it disables esbuild and swc's multi-threading
At some point I'm hoping to update the README benchmark to run all tools in parallel, which should be more convincing despite the added variability: https://github.com/alangpierce/sucrase/issues/730 . In an ideal environment, the results are pretty much the same as a per-core benchmark, but I do expect that Node's parallelism overhead and the JIT warm-up cost across many cores would make Sucrase less competitive than the current numbers.
-
Should i switch to Typescript?
First, npm i -D sucrase to install sucrase. Now you can do node -r sucrase/register ./index.ts to run TypeScript code directly with Node.
-
π Building your own Javascript Library with bare minimum
As you might know there are a lot of Javascript bundlers out there, such as webpack, sucrase, parcel, rollup and etc. Bear in mind, not because they have thousands of stars on Github that means they're the best. sometimes new libs are as good as the popular ones but they're still building up their image/popularity in the community. what I bring today is a not sooooo, popular JS bundler called esbuild.
-
Five coding interview questions I hate
Sucrase JS was 2x the speed of esBuild and 50% faster than SWC last I checked.
-
Iβm Porting the TypeScript Type Checker Tsc to Go
Webpack does way more than esbuild, including running a typechecking compiler instead of just transpiling, running compilers able to downlevel emit to ES5 and providing a deep plugin architecture allowing you to hook into any bit you like. But yes, it hasn't been designed with speed in mind - it has been designed with maximum extensibility instead. Its the same reason why Babel is slow compared to sucrase (written in JS, currently faster than SWC and esbuild but doing somewhat less - https://github.com/alangpierce/sucrase)
tsc has in fact been designed with speed in mind (I've been following the project since before it ended up on GitHub). Going beyond 1 order of magnitude performance improvement is highly unlikely.
- Sucrase: A fast, pure-JavaScript transpiler for JavaScript/TypeScript
- GitHub - alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
- Sucrase: A fast JavaScript/TypeScript transpiler written in JavaScript
What are some alternatives?
gowebly - π₯ A next-generation CLI tool that makes it easy to create amazing web applications with Go on the backend, using htmx, hyperscript or Alpine.js, and the most popular CSS frameworks on the frontend.
swc - Rust-based platform for the Web
expack - Express and Webpack boilerplate application
ts-node - TypeScript execution and REPL for node.js
proposal-import-attributes - Proposal for syntax to import ES modules with assertions
esbuild - An extremely fast bundler for the web
podman - Podman: A tool for managing OCI containers and pods.
fork-ts-checker-webpack-plugin - Webpack plugin that runs typescript type checker on a separate process.
langterm - πΉοΈ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
swc-node - Faster ts-node without typecheck
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.