Gatsby 4 launched

#​561 — October 22, 2021

Unsubscribe  |  Learn on the Internet

JavaScript Weekly

What’s New within the Now Totally Launched Gatsby 4 — Gatsby is a well-liked React-based open-source framework and v4 introduces new content material rendering strategies (similar to Deferred Static Technology), React 18 future proofing, new construct and deployment structure, new CMS APIs, and extra.

Jeff James (Gatsby)

Node v17 (Present) Launched — Simply six months after its launch, Node v16 prepares to turn into an ‘lively LTS’ launch to be maintained till 2024, with v17 now taking on the position because the innovative launch that will get all the brand new options first. It contains OpenSSL 3.0, V8 9.5, npm 8.1.0, and extra.

Bethany Nicolle Griggs and the Node.js Staff

No DKIM, No SPF, No WTF. Transactional Emails Despatched by way of Gmail — Transactional electronic mail suppliers lack sure options that depart us with extra work than after we began. Save time with our API, routing guidelines, and template designer. Begin sending totally free in seconds. Get $5,000 in credit in the direction of your enterprise plan.

Courier sponsor

Over 100 Algorithms and Information Constructions Demonstrated in JS — Examples of many frequent algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and knowledge buildings (e.g. linked lists, tries, graphs) with explanations. Out there in different languages too like Chinese language, Korean, French, and Spanish.

Oleksii Trekhleb et al.

QUICK BITS:

beta.reactjs.org offers a primary take a look at a brand new method for the official React docs. Try the Fast Begin tutorial web page to essentially see it in motion.

Chrome 95 has been launched this week and here is what’s new for builders.

On the newest episode of his chunk dimension Q&A podcast, Kent C Dodds talks about ▶️ why he makes use of XState (the state machine library) on his web site.

⚛️ If you happen to’re a React developer, be sure you’re additionally on our React Standing e-newsletter as that is the place we put the lion’s share of React gadgets we discover every week 🙂

Playwright 1.16 – the Node library to automate browsers – has been launched together with a brand new API testing characteristic.

The Angular staff has printed an RFC for an architectural shift throughout the framework with the objective to make Angular easier to make use of, and extra modular.

RELEASES:

Neutralinojs 3.0 – X-platform app dev framework. Lighter than Electron.
React Bootstrap 2.0 – Bootstrap parts constructed with React.
Commander.js 8.3.0 – CLI niceties for Node.js.
noVNC 1.3.0 – JS and HTML-based VNC consumer for browsers.
React Native Testing Library 8.0
Node-RED 2.1.1 – Low-code JS dev setting.

💻 Jobs

[EU] JavaScript Developer, Ideally with React Information — New hires get a “buddy” who will information you thru the corporate, code and the method. Latest applied sciences, improvement potentialities and satisfaction 🙂

LastMinute.com

JavaScript Developer at X-Staff (Distant) — Be a part of essentially the most energizing group for builders and work on long-term tasks for Riot Video games, FOX, Sony, Coinbase, and extra.

X-Staff

Discover JavaScript Jobs with Employed — Create a profile on Employed to attach with hiring managers at rising startups and Fortune 500 corporations. It is free for job-seekers.

Employed

📖 Tutorials, Opinions & Tales

▶  Implementing a ‘Sweet Crush’ Sport with React — The newest of Ania’s no-nonsense all-about-the-code screencasts strolling by way of the creation of a easy puzzle recreation.

Ania Kubów

Understanding Map and Set in JavaScript — Goes over the Map and Set objects, what makes them related or totally different to Objects and Arrays, the properties and strategies obtainable to them, and examples of some sensible makes use of.

Tania Rascia

Get Began with JavaScript and InfluxDB 2.0 — Monitor your JavaScript software efficiency and create stunning web-based visualizations with InfluxDB.

InfluxData sponsor

Find out how to Cancel an HTTP Request in Node.js — The Abort API means that you can cancel asynchronous duties similar to in-flight HTTP requests and right here’s learn how to use it within the newest Node.js model.

Simon Plenderleith

Find out how to Create a Linear Gauge Chart in JavaScript — A strategy to visualize progress, maybe – as used right here to indicate off COVID vaccination charges.

Shachee Swadia

▶  Find out how to Create a PWA With Subsequent.js in 10 Minutes — Congratulations to James for simply incomes his 100K YouTube Play button.

James Q Fast

Use console.log() Like a Professional — All the time good to have a reminder of the assorted console strategies for debugging.

Marko Denic

Shortcut Places the Agile in Agile and the “Can” in Kanban

Shortcut (previously Clubhouse.io) sponsor

Six Ideas To Make Your Pull Requests Simpler to Overview — Trying to have your pull request rise above the background noise for an lively repo?

Chak Shun Yu

Find out how to Create CSS Customized Properties That Dynamically Replace with React and JS

Colby Fayock

Constructing an API with Gatsby Capabilities

Paul Scanlon

🛠 Code & Instruments

LittleJS: A Tiny 2D JavaScript Sport Engine with Quick WebGL Rendering — No dependencies and it claims to render 10,000+ objects at 60fps.

Frank Pressure

memoize-one 6.0: A Memoization Library with a Easy Method — A memoization library that takes the curious method of solely remembering the final invocation and arguments, returning the cached worth if the subsequent name matches. This protects on complicated caching preparations whereas rushing up many eventualities.

Alex Reardon

ChordSymbol: Musical Chord Parser and Renderer — Claims to have the ability to “deal with no matter chord syntax” you throw at it and it might probably generate all of the notes to be displayed elsewhere. GitHub repo.

Christophe Noël

Tried. Examined. Trusted. Studio 3T – Energy Instruments for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape knowledge with Reschema. Attempt Studio 3T free for 30 days.

Studio 3T sponsor

GistPad: VS Code Extension for Managing Code Snippets in GitHub Gists — Means that you can handle GitHub Gists totally inside VS Code. Open, create, delete, fork, star, and clone gists, then go straight to enhancing. VS Market hyperlink.

VS Dwell Share Contrib

JavaScript Obfuscator: A Strategy to ‘Scramble’ JS Code — Transforms your code right into a functionally equal illustration that’s more durable to grasp or modify. Many people discover this type of fiddling to be of low worth given it may be reversed to some extent, however there’s a Internet interface if you wish to have a go.

Timofey Kachalov, Tiago Serafim, et al.

OpenSilver 1.0: A Fashionable, Plugin-Free Reimplementation of Silverlight — It is a alternative for Microsoft’s lonnnng deprecated Silverlight know-how, however as of this 1.0 launch boasts being “highly effective sufficient to run complicated line-of-business purposes of all sizes.” It’s open-source and runs in present browsers by way of WebAssembly.

Userware

Pdfvuer: A PDF Viewer for Vue, Powered by Mozilla’s PDF.js

Gaurav Koley

Hyperactiv 0.9: A Tremendous Tiny Reactive Library

Julien Elbaz

Mud.js 3.0: Asynchronous JS Templating for Browser and Server

LinkedIn

reveal-md: Create Reveal.js Displays from Markdown Recordsdata

Lars Kappert

Cacheables: Easy In-Reminiscence Cache with Automated Invalidation and Elegant Syntax

Grischa Erbe

🤓 And one for enjoyable..

(t,i,x,y) => ‘inventive code {golfing}’ — Tixy is a neat little inventive coding setting the place you are given a easy 16×16 grid of dots and you’ll manipulate them by way of small slices of JavaScript. Math.random() is a enjoyable one to chuck in.

Martin Kleppe