#617 — December 2, 2022
JavaScript Weekly
AppSignal for Node.js 3.0 Introduces OpenTelemetry Help — AppSignal now helps OpenTelemetry, the open-source normal for telemetry knowledge assortment. We’ve additionally added assist for six new integrations on this launch.
AppSignal sponsor
Electron 22.0 Launched, Plus Different Electron Information — The lengthy standing cross platform desktop framework continues to evolve. v22 jumps as much as Chromium 108 and Node 16.17.1. The UtilityProcess API is a brand new function. There are additionally another Electron associated updates to bear in mind of:
The top of assist for Home windows 7, 8, and eight.1 as of Electron 23. v22 is the ultimate model to assist Home windows < 10.
Electron Forge 6 has been launched. Forge is an official software for packaging and distributing Electron apps. 6.0 is a complete rewrite and now thought of the official ‘batteries included construct pipeline’ for Electron apps.
The Electron venture is going quiet for December so the crew can recharge their batteries for 2023 (or possibly to do Introduction of Code? ;-))
OpenJS Basis
IN BRIEF:
Like puzzles? This 12 months’s Introduction of Code has begun.
📅 There’s an internet Rust for JavaScript Builders workshop going down on December 14 the place you may see an Specific.js app rewritten into Rust. It is free however I think about there is a restrict to numbers.
RELEASES:
Tesseract.js 4.0
↳ Pure JS OCR for greater than 100 languages.
Superagent 8.0.4
↳ Common HTTP shopper API.
Prisma 4.7
↳ Subsequent-gen ORM for Node.js and TypeScript.
Lerna 6.1
↳ Construct & publish a number of packages from the identical repo.
📒 Articles & Tutorials
Splitting Strings into Sentences, Phrases or Graphemes with Intl.Segmenter — No libraries wanted right here. Give Intl.Segmenter a locale and granularity and it’ll divide up your strings to your coronary heart’s content material. It has huge assist aside from, curiously, in Firefox.
Stefan Judis
Migrating from Vue 2 to Svelte — After two years of Vue 2, a crew had a choice to make: transfer to Vue 3 or give Svelte a attempt?
Sophie Boulaaouli (Escape)
Breakpoints and console.log Is the Previous, Time Journey Is the Future — 15x sooner JavaScript debugging than with breakpoints and console.log, now with assist for Vitest.
Wallaby.js sponsor
Working with Zustand for Simpler React State Administration — Some ideas for utilizing Zustand, a comparatively minimal state administration library with quite a lot of enthusiastic customers.
TkDodo
Sketchy Pencil Impact with Three.js Submit-Processing — 3D improvement all the time will get my head spinning a bit, however the sketched pencil impact right here is compelling and distinctive.
Maya Nedeljković Batić
V8 Optimization: Pointer Compression in Oilpan — That is barely about JS in any respect, however reveals off the (very) low stage optimizations the V8 crew makes to make JavaScript extra environment friendly. This time, it’s about utilizing smaller pointers, as a result of who wants 64 bits in a small app?
Bikineev and Lippautz (V8 Crew)
The State of Notifications Report – Consumer Preferences
Courier.com sponsor
Constructing a New JS Linting Expertise for Visible Studio
Maria Solano (Microsoft)
🛠 Code & Instruments
Neutralino.js 4.9: Light-weight Cross Platform Desktop App Framework — Assume Electron however with a reasonably completely different method: no embedded Chromium, no embedded Node.. it makes use of the system’s current Net browser APIs. This has its execs and cons, in fact. v4.9 provides a brand new API for writing customized backend code in any language (that may talk over a WebSocket). Official homepage.
Neutralinojs
Mithril.js: Shopper-Facet Framework for Single Web page Apps — A neat different to issues like Vue, React or Angular. It’s been round for years and deserves extra consideration we really feel. Mithril is compact, quick, and runs nearer to vanilla JS than the options so is effectively suited to bringing collectively vanilla JS libraries. Need to evaluate it to $your_favorite_framework? Right here you go.
Mithril
A Skilled Scheduling Element for React, Vue, Angular Apps — Schedule docs, machines or your subsequent journey to Mars. Simply executed with the Scheduler Professional widget. Free 45-day trial.
Bryntum sponsor
Vanilla Extract: Zero-Runtime Stylesheets in TypeScript — Utilizing TypeScript as a preprocessor, you should use this framework agnostic method to jot down type-safe, static CSS. Not my cup of tea, however the homepage does a superb job on promoting the thought.
SEEK
Decisions.js 10.2: A Configurable Choose Field/Textual content Enter Plugin — Numerous examples or you possibly can go straight to the GitHub repo.
Josh Johnson
vm2: A Sandbox for Operating Untrusted Node Code — A locked down, restricted sandbox construct round Node’s inner vm module that permits you to add a timeout, restrict entry to built-in modules as you see match, and extra.
Patrik Simek
Reapop 4.2: Easy, Customizable Notifications System — This venture’s homepage is itself a large, customizable demo of what Reapop can do. Hold clicking away on “Random notification” to fill your display! GitHub repo.
Louis Barranqueiro
React Unity WebGL: Embed Unity WebGL Apps into React Apps — Greatest often known as a option to construct 3D video games, Unity is can be utilized for broader functions too. React Unity WebGL integrates WebGL-powered Unity apps with React apps on the Net. GitHub repo.
Jeffrey Lanters
jsdoc-to-markdown 8.0
↳ Generate Markdown from JSDoc-annotated JS.
<relative-time> 4.0
↳ GitHub’s Net Element extension to <time>
Bootbox.js 6.0
↳ Bootstrap alert, verify & modal wrappers.
Minimatch 5.1.1
↳ Glob matcher library, as utilized in npm
SVGuitar 2.2 – SVG guitar chord rendering.
TWGL.js 5.3 – WebGL, however much less verbose.
React Tabs 6.0 – Accessible tab element.
OCLIF 3.3 – Node.js CLI framework.
💻 Jobs
Software program Engineer — Be a part of our “kick ass” crew. Our software program crew operates from 17 nations and we’re all the time in search of extra distinctive engineers.
Stickermule
Discover JavaScript Jobs with Employed — Create a profile on Employed to attach with hiring managers at rising startups and Fortune 500 firms. It is free for job-seekers.
Employed
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!