JavaScript Weekly Challenge 649: July 27, 2023

0
3


Hono + Htmx + Cloudflare: A New Stack? — Lots of people appear to be leaping on htmx recently as an alternative choice to the complexity of frameworks like React, however what if you wish to hold utilizing JSX? Hono is a (vaguely Specific-like) Internet framework focusing on edge operate use instances and consists of middleware for rendering JSX. Yusuke provides a fast instance of how all this could come along with Cloudflare Staff and D1 for a less complicated, full-stack JS expertise.

Yusuke Wada

Shrinking VS Code with Identify Mangling — There’s a good bit of JavaScript in VS Code however the staff has managed to scale back the dimensions of the shipped code by nearly 4MB with out truly doing any deleting or refactoring due to a brand new ‘title mangling’ construct step. This can be a nice learn on how the staff approached issues and bought it working.

Matt Bierner

New Course: The Laborious Elements of UI Growth — Develop an under-the-hood information of UI growth by studying methods similar to knowledge binding, UI composition, templating, digital DOM and its reconciliation, and hooks, all from scratch!

Frontend Masters

Microsoft TypeChat: An Strategy for Sort-Secure LLM Responses — A brand new undertaking with some distinguished names connected (the designer of C# and PM for TypeScript, for starters) that demonstrates the thrill inside MS for big language fashions (LLMs). TypeChat goals to work round the issue of LLMs outputting hard-to-parse pure language and to direct such output right into a predictable, typed type.

Hejlsberg, Lucco, Rosenwasser et al.

⚡️ IN BRIEF:

  • 🐦 React/Redux’s Dan Abramov is leaving Meta. Having achieved a lot and reaching a degree the place he feels prepared to maneuver on, Dan is departing Meta however will stay on the React staff as an unbiased third get together. 💙

  • 📘 The Concise TypeScript Guide is, unsurprisingly, a information to utilizing TypeScript. Extra surprisingly, it is all on GitHub and free to learn. Hurrah.

  • Tixy is an interactive web page for studying logic, math and expressions by fixing puzzles utilizing a visible grid. It begins off very merely, however will get elaborate shortly. This can be a neat strategy to choose up a number of the expertise wanted for Dwitter.

  • JSPlayground is a brand new Internet-based JavaScript sandbox software.

  • Is the time period ‘Jamstack’ completed? Brian Rinaldi wonders.

🎉 RELEASES:

  • Bun 0.7 – The JavaScriptCore-based various JS runtime provides (experimental) Vite help, Internet Staff help, and features a --smol choice to run in reminiscence constrained environments (with a major reminiscence discount proven off within the publish).

  • Astro 2.9 – The ‘zero JS by default’ framework provides experimental help for view transitions and extra.

  • Neutralinojs v4.13.0 – Light-weight cross-platform desktop app framework.

  • Remix 1.19 – Fashionable full-stack JS framework.

  • Node.js v20.5.0 (Present)

📒 Articles & Tutorials

Extra virtually, Addy additionally tells us to stay to ‘boring structure’ for so long as attainable.

Discover JavaScript Jobs with Employed — Employed makes job looking easy-instead of chasing recruiters, corporations method you with wage particulars up entrance. Create a free profile now.

Employed

🧑‍💻 Acquired a job itemizing to share? Here is how.

🙈 Taking issues too far..

We’ll help anybody who’s eager to scale back the quantity of useless JavaScript that goes over the wire (👋 Astro or Qwik) however typically, simply typically, you may go too far with the endeavor to nearly comedic impact:

😱  Implementing Tic Tac Toe with 170MB of HTML — Unsurprisingly, the demo (which we’ve not linked to right here) introduced my browser to a crashing halt, nevertheless it’s enjoyable to see a developer tackle the problem of utilizing Chrome’s help for popovers and the state of mentioned popovers together with an enormous pile of HTML to deal with a sport of Tic Tac Toe. Don’t repeat this in manufacturing, of us..

Gareth Heyes

LEAVE A REPLY

Please enter your comment!
Please enter your name here