ReactJS with JSX without bundling or transpiling
Languages and libraries
javascript library demo
SHOW HN2021
ReactJS with JSX without bundling or transpiling
ReactJS with JSX without bundling or transpiling
news.ycombinator.comHow HN took it
0 positive, 3 neutral or asking, 0 mixed, 7 critical, out of 10 comments about the project. Thread score -0.53.
Performance: 0 for, 3 againstExecution: 0 for, 2 againstIdea: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful for prototyping, testing and interactive playgrounds
From 3 comments
Charitably, it could be nice for prototyping I'm going to assume you already know this shouldn't be done in production If you wanted something like this in production, then yes…
brundolf on HNYep, Babel is transpiling that script tag. This is a cool pattern, useful for testing and whatnot, but nothing new and not recommended for production. Another example of this…
__ryan__ on HNThe only use case babel in browser I can think of is either interactive tutorial/learning for end users on browser features or React JSX (to snuff out the whole getting a…
tehbeard on HN
Interesting pattern for loading ES modules natively
From 1 comment
Yep, Babel is transpiling that script tag. This is a cool pattern, useful for testing and whatnot, but nothing new and not recommended for production. Another example of this…
__ryan__ on HN
Objections
Babel still transpiles in the browser, so the claim is misleading
From 3 comments
You've got a link to `@babel/standalone/babel.min.js` and a `<script type="text/babel">`. Are those not being used at all? Because that's definitely "transpiling", just not with…
acemarke on HNYou literally import a transpiler on the page.... What the hell do you think Babel is? All you've done is shift the work from once at build time to every. Single. Time anyone…
tehbeard on HNPlease stop polluting our planet! There is no one advantage of this technique, but only disadvantages: - It transpiles. Your claim is misleading and incorrect. - On your local…
exelib on HN
Runtime transpiling hurts performance and wastes energy on every page load
From 2 comments
Please stop polluting our planet! There is no one advantage of this technique, but only disadvantages: - It transpiles. Your claim is misleading and incorrect. - On your local…
exelib on HNYou literally import a transpiler on the page.... What the hell do you think Babel is? All you've done is shift the work from once at build time to every. Single. Time anyone…
tehbeard on HN
Not recommended for production; bundling is still better
From 3 comments
Yep, Babel is transpiling that script tag. This is a cool pattern, useful for testing and whatnot, but nothing new and not recommended for production. Another example of this…
__ryan__ on HNCharitably, it could be nice for prototyping I'm going to assume you already know this shouldn't be done in production If you wanted something like this in production, then yes…
brundolf on HNWith HTTP/2 server push faltering in production and the real world... it's still best to bundle, but just down to your direct dependencies and with tree shaking (i.e. react and…
tehbeard on HN
Hello world loads 119 requests and about 970KB in 2.5s
From 1 comment
Only 119 requests, 970KB and 2.5s to load Hello world?
cosmotic on HN
Requests
Use a build step that transpiles source modules and ships ES modules
From 1 comment
Charitably, it could be nice for prototyping I'm going to assume you already know this shouldn't be done in production If you wanted something like this in production, then yes…
brundolf on HN
Try snowpack for unbundled and fast loading
From 1 comment
Please stop polluting our planet! There is no one advantage of this technique, but only disadvantages: - It transpiles. Your claim is misleading and incorrect. - On your local…
exelib on HN
Questions
Does the Babel script tag count as transpiling
From 1 comment
You've got a link to `@babel/standalone/babel.min.js` and a `<script type="text/babel">`. Are those not being used at all? Because that's definitely "transpiling", just not with…
acemarke on HN
What share of use cases is in-browser Babel unsuitable for production
From 1 comment
>not recommended for production. Rhetorical question: What percent of use cases is it not recommended for use in production?
mokanfar on HN
Alternatives named
Snowpack
From 1 comment
Please stop polluting our planet! There is no one advantage of this technique, but only disadvantages: - It transpiles. Your claim is misleading and incorrect. - On your local…
exelib on HN
Bundlers with tree shaking such as webpack-style bundling
From 2 comments
With HTTP/2 server push faltering in production and the real world... it's still best to bundle, but just down to your direct dependencies and with tree shaking (i.e. react and…
tehbeard on HNHow do I miss the point? You said no transpiling! And I pointed out how you have in be. > Dynamic module loading ...a feature of browsers since 2017/2018? Of which numerous blog…
tehbeard on HN
Paper.js PaperScript
From 1 comment
Yep, Babel is transpiling that script tag. This is a cool pattern, useful for testing and whatnot, but nothing new and not recommended for production. Another example of this…
__ryan__ on HN