🗞 Issue 26 / 28.07.2023
📄 Hono + Htmx + Cloudflare: A New Stack?
A lot of people seem to be jumping on htmx lately as an alternative to the complexity of frameworks like React, but what if you want to keep using JSX? Hono is a (vaguely Express-like) Web framework targeting edge function use cases and includes middleware for rendering JSX. Yusuke gives a quick example of how all this can come together with Cloudflare Workers and D1 for a simpler, full-stack JS experience.
YUSUKE WADA
📄 Shrinking VS Code with Name Mangling
There’s a fair bit of JavaScript in VS Code but the team has managed to reduce the size of the shipped code by almost 4MB without actually doing any deleting or refactoring thanks to a new ‘name mangling’ build step. This is a great read on how the team approached things and got it working.
MATT BIERNER
©️JS WEEKLY
📄 Hono + Htmx + Cloudflare: A New Stack?
A lot of people seem to be jumping on htmx lately as an alternative to the complexity of frameworks like React, but what if you want to keep using JSX? Hono is a (vaguely Express-like) Web framework targeting edge function use cases and includes middleware for rendering JSX. Yusuke gives a quick example of how all this can come together with Cloudflare Workers and D1 for a simpler, full-stack JS experience.
YUSUKE WADA
📄 Shrinking VS Code with Name Mangling
There’s a fair bit of JavaScript in VS Code but the team has managed to reduce the size of the shipped code by almost 4MB without actually doing any deleting or refactoring thanks to a new ‘name mangling’ build step. This is a great read on how the team approached things and got it working.
MATT BIERNER
©️JS WEEKLY
❤6👍1
⚡️ IN BRIEF
🐦 React/Redux's Dan Abramov is leaving Meta. Having achieved so much and reaching a point where he feels ready to move on, Dan is departing Meta but will remain on the React team as an independent third party. 💙
📘 The Concise TypeScript Book is, unsurprisingly, a guide to using TypeScript. More surprisingly, it's all on GitHub and free to read. Hurrah.
Tixy is an interactive page for learning logic, math and expressions by solving puzzles using a visual grid. It starts off very simply, but gets elaborate quickly. This is a neat way to pick up some of the skills needed for Dwitter.
JSPlayground is a new Web-based JavaScript sandbox tool.
Is the term 'Jamstack' finished? Brian Rinaldi wonders.
🐦 React/Redux's Dan Abramov is leaving Meta. Having achieved so much and reaching a point where he feels ready to move on, Dan is departing Meta but will remain on the React team as an independent third party. 💙
📘 The Concise TypeScript Book is, unsurprisingly, a guide to using TypeScript. More surprisingly, it's all on GitHub and free to read. Hurrah.
Tixy is an interactive page for learning logic, math and expressions by solving puzzles using a visual grid. It starts off very simply, but gets elaborate quickly. This is a neat way to pick up some of the skills needed for Dwitter.
JSPlayground is a new Web-based JavaScript sandbox tool.
Is the term 'Jamstack' finished? Brian Rinaldi wonders.
🔥4
🎉 RELEASES
Bun 0.7
The JavaScriptCore-based alternative JS runtime adds (experimental) Vite support, Web Workers support, and includes a
Astro 2.9
The 'zero JS by default' framework adds experimental support for view transitions and more.
Neutralinojs v4.13.0
Lightweight cross-platform desktop app framework.
Remix 1.19
Modern full-stack JS framework.
Node.js v20.5.0 (Current)
Bun 0.7
The JavaScriptCore-based alternative JS runtime adds (experimental) Vite support, Web Workers support, and includes a
--smol option to run in memory constrained environments (with a significant memory reduction shown off in the post).Astro 2.9
The 'zero JS by default' framework adds experimental support for view transitions and more.
Neutralinojs v4.13.0
Lightweight cross-platform desktop app framework.
Remix 1.19
Modern full-stack JS framework.
Node.js v20.5.0 (Current)
👍12
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔20👍8🔥3❤1
Update your skill set for ES 6 and 7 with the ultimate JavaScript guide for pros Professional JavaScript for Web Developers is the essential guide to next-level JavaScript development. ..
Matt Frisbie
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤4🔥3
👍13❤4🔥1🤣1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍3❤2🤔1
👍11❤4🔥1🤔1🤣1
📄 PythonMonkey: JavaScript/WASM Interop for Python
The alpha release of a new way to bring Python and JavaScript together, by way of embedding Mozilla SpiderMonkey into the Python VM. This post introduces the concept with some examples, an idea of where the project is headed, as well as some Colab demos. Despite using SpiderMonkey rather than V8, Node and npm compatibility is important to the project and more Node integration is on its roadmap. GitHub repo.
WILL PRINGLE
📄 Speeding Up V8 Heap Snapshots
When diagnosing a memory leak in a JavaScript app, engineers at Bloomberg encountered some weird performance issues with capturing a single full-size heapshot taking more than 30 minutes(!) at times. Here’s the full story of how they investigated and resolved the problem, making JS memory analysis faster than ever for all of us.
JOSÉ DAPENA PAZ (IGALIA)
🛠 Node.js Toolbox: A Way to Find Node.js Packages
Several months ago we featured this brand new project curating Node packages in areas like HTTP frameworks, browser testing and query builders, and it’s continued to go from strength to strength. They’ve recently added a feature to compare the weekly download numbers of packages in each category.
MAXIM ORLOV
©️NODE.JS WEEKLY
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍1