#576 — February 11, 2022
Unsubscribe | Learn on the Internet
JavaScript Weekly
Apache ECharts 5.3: Open Supply JS Visualization Library — The launch notes go into in depth element about what’s within the latest launch, together with keyframe animations, {custom} loading animations, and a brand new SVG renderer with 2-10x improved efficiency. A lot of demos right here too.
Apache Software program Basis
🥊 Transfer Over JavaScript? How Some Backend Languages are Coming to the Entrance-Finish — You would possibly suppose that is about utilizing WebAssembly to run Python within the browser or one thing, however no. It’s in regards to the rising reputation of sustaining a WebSocket connection to a backend course of and rendering HTML on the fly from the backend, as seen in fashionable Elixir and Rails stacks. Meals for thought!
GitHub
ButterCMS Melts into Your JS App:: $ butter.submit.checklist() — ButterCMS is your content material backend. Allow your advertising and marketing staff to replace web site + app content material with no need you. Attempt the #1 rated Headless CMS to your JS app at the moment. Free for 30 days.
ButterCMS sponsor
🎧 The JS Social gathering Podcast — It’s come to our consideration we haven’t linked to the advantageous JS Social gathering podcast for a good whereas, so if you happen to haven’t been listening, there’s a whole lot of good things to atone for. Final week they dug into SolidJS, final December lined Svelte, and even had a lawyer on to debate the authorized implications of GitHub Copilot.
The Changelog podcast
IN BRIEF:
🤑 Few of us have bought a really fundamental JavaScript app for over $1m to the New York Instances. The creator of Wordle has and ▶️ talks about it on the Syntax podcast.
Node.js 17.5.0 has landed with the experimental assist for the Fetch API we talked about final week.
The Khronos WebGL Working Group reminds us that WebGL 2.0 is now broadly supported by all main browsers, and to begin migrating to it.
Fashionable HTTP consumer curl has gained a –json possibility you would possibly discover helpful.
When a JavaScript developer decides to skip React and SPAs and builds a Rails app as an alternative, you possibly can anticipate a little bit of ‘spirited dialogue’.
As promised and on schedule, Vue 3 is now the new default model of Vue.js and vuejs.org has been up to date accordingly.
RELEASES:
Vite 2.8.0 – Subsequent gen frontend tooling.
RedwoodJS 0.45.0 – Edge deployable full-stack JS framework.
MikroORM 5 – Knowledge mapper ORM for Node.
AdminJS 5.6 – Admin panel in-built Node.js.
npm 8.5.0
Ember.js 4.2.0
💻 Jobs
JavaScript Developer at X-Group (Distant) — Be part of essentially the most energizing neighborhood for builders and work on long-term tasks for Riot Video games, FOX, Sony, Coinbase, and extra.
X-Group
Senior React Engineer @ Nebulab (Distant) — Be part of our distributed staff and construct high-volume eCommerce functions in a office made by builders for builders.
Nebulab
Say Goodbye to the Workplace Hi there to Freedom — There’s a purpose 1000’s of builders are switching to distant freelance. Be part of the world’s high expertise community and discover out why.
Toptal
📒 Articles & Tutorials
Debugging JavaScript — It’s not deep, however that is an fulfilling and informal stroll by way of the JavaScript debugging panorama.
Flavio Copes
How the Angular Compiler Works — The Angular compiler (often called ngc) is the device used to compile Angular apps and libraries. This submit digs into what it does and the way it does it.
Alex Rickabaugh
Changing JavaScript Dialogs (Partly) with HTML’s <dialog> — Methods to change JavaScript dialogs, to some extent, with the HTML dialog component offering comparable performance to the alert(), affirm(), and immediate() strategies.
Mads Stoumann
Be part of The Huge Repair – Repair Vulnerabilities. Earn Swag — Earn swag (together with t-shirts) for fixing vulnerabilities! Plus, be part of our fix-a-thon livestream on Feb 25.
Snyk sponsor
▶ Writing a SPI SD-Card Driver in TypeScript — From a reside Low Degree JavaScript stream comes an fascinating (and really lengthy) session that goes deep into the weeds of working at a low stage to learn knowledge from SD playing cards.
Low Degree JavaScript
An Introduction to Deno: Is It Higher than Node? — We’ve talked about Deno, which comes from Ryan Dahl, a lot as Node.js initially did, quite a few occasions, however if you happen to haven’t checked it out but this submit covers the important thing options, in addition to the place Deno is forward or behind.
Ayooluwa Isaiah
Writing My Personal Construct System: Coupling Gulp Ideas with Fashionable JS — The creator finds Gulp’s reliance on streams makes it sophisticated to increase, and exhibits off a unique strategy to the identical drawback utilizing async turbines.
Wladimir Palant
▶ Finite State Machines in Vue 3
Sarah Dayan
Constructing an Apache ECharts Knowledge Viz Dashboard with Vue 3 and Dice
Ashutosh Singh
🛠 Code & Instruments
zx 5.0: Writing Higher Shell Scripts in JavaScript — Google isn’t slacking, with the fourth main model of zx in a 12 months. Slightly than utilizing one thing like bash to throw collectively a fast script, zx gives niceties to do the identical with JavaScript. v5.0 provides built-in YAML assist.
Pintora: An Extensible Textual content-to-Diagram Rendering Library — An analogous thought to the properly established Mermaid.js (which has a brand new model out at the moment, too) however with a unique perspective to extensibility in addition to no requirement for a headless browser if you happen to’re utilizing it from Node. The introduction docs have each visible and code examples.
Hikerpig
Solidus: The Final eCommerce Again-Finish You’ll Ever Want — Get the liberty & flexibility to create distinctive, custom-built procuring experiences with out making compromises.
Solidus sponsor
Griffel: CSS-in-JS with Forward-of-Time Compilation — From Microsoft, one other CSS-in-JS possibility. This one boasts near-zero runtime, SSR assist, and kinds outlined with JS objects, amongst different options.
Microsoft
Fable 3.7: A Mature F# to JavaScript Compiler — F# is a ‘practical first’ language from the MS/.NET secure and I’m all the time struck by simply how properly it reads. In case you fancy giving it a go for constructing issues for the frontend, take a look at this on-line REPL which has some samples to tinker with, together with a wee Mario (above).
Alfonso García-Caro and contributors
puppeteer-to-playwright: Puppeteer to Playwright Conversion Script — If you wish to migrate between the 2 common browser automation techniques, this might assist.
Checkly
Undertaking Administration for Software program Groups Has By no means Been Simpler
Shortcut (previously Clubhouse.io) sponsor
P42 JavaScript Assistant: Refactoring Hints and Automation for VS Code — A Visible Studio Code extension that brings 67 automated refactorings and fast fixes for frequent JS, TS and React points to your editor, so you possibly can clear issues up even earlier than you hit your regular linter, maybe.
P42 Undertaking
Mineflayer 4.0: Construct Minecraft Bots in JavaScript — GitHub repo.
Andrew Kelley
React Parts: 15+ In depth Libraries to Think about
Alex Ivanovs
🌞🌝 SunCalc 1.9: Tiny Library for Calculating Solar/Moon Positions and Phases
Vladimir Agafonkin
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!