#561 — October 22, 2021
JavaScript Weekly
What’s New in the Now Fully Released Gatsby 4 — Gatsby is a popular React-based open-source framework and v4 introduces new content rendering methods (such as Deferred Static Generation), React 18 future proofing, new build and deployment architecture, new CMS APIs, and more.
Jeff James (Gatsby)
Node v17 (Current) Released — Just six months after its release, Node v16 prepares to become an 'active LTS' release to be maintained until 2024, with v17 now taking up the role as the cutting edge release that gets all the new features first. It includes OpenSSL 3.0, V8 9.5, npm 8.1.0, and more.
Bethany Nicolle Griggs and the Node.js Team
No DKIM, No SPF, No WTF. Transactional Emails Sent via Gmail — Transactional email providers lack certain features that leave us with more work than when we started. Save time with our API, routing rules, and template designer. Start sending for free in seconds. Get 5,000ドル in credits towards your enterprise plan.
Courier sponsor
Over 100 Algorithms and Data Structures Demonstrated in JS — Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in other languages too like Chinese, Korean, French, and Spanish.
Oleksii Trekhleb et al.
QUICK BITS:
-
beta.reactjs.org gives a first look at a new approach for the official React docs. Check out the Quick Start tutorial page to really see it in action.
-
Chrome 95 has been released this week and here's what's new for developers.
-
On the latest episode of his bite size Q&A podcast, Kent C Dodds talks about ▶️ why he uses XState (the state machine library) on his site.
-
⚛️ If you're a React developer, make sure you're also on our React Status newsletter as that's where we put the lion's share of React items we find each week :-)
-
Playwright 1.16 – the Node library to automate browsers – has been released including a new API testing feature.
-
The Angular team has published an RFC for an architectural shift within the framework with the goal to make Angular simpler to use, and more modular.
RELEASES:
Neutralinojs 3.0 – X-platform app dev framework. Lighter than Electron.
React Bootstrap 2.0 – Bootstrap components built with React.
Commander.js 8.3.0 – CLI niceties for Node.js.
noVNC 1.3.0 – JS and HTML-based VNC client for browsers.
React Native Testing Library 8.0
Node-RED 2.1.1 – Low-code JS dev environment.
💻 Jobs
[EU] JavaScript Developer, Preferably with React Knowledge — New hires get a "buddy" who will guide you through the company, code and the process. Newest technologies, development possibilities and satisfaction :)
LastMinute.com
JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.
X-Team
Find JavaScript Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired
📖 Tutorials, Opinions & Stories
▶ Implementing a 'Candy Crush' Game with React — The latest of Ania’s no-nonsense all-about-the-code screencasts walking through the creation of a simple puzzle game.
Ania Kubów
Understanding Map and Set in JavaScript — Goes over the Map and Set objects, what makes them similar or different to Objects and Arrays, the properties and methods available to them, and examples of some practical uses.
Tania Rascia
Get Started with JavaScript and InfluxDB 2.0 — Monitor your JavaScript application performance and create beautiful web-based visualizations with InfluxDB.
InfluxData sponsor
How to Cancel an HTTP Request in Node.js — The Abort API allows you to cancel asynchronous tasks such as in-flight HTTP requests and here’s how to use it in the latest Node.js version.
Simon Plenderleith
How to Create a Linear Gauge Chart in JavaScript — A way to visualize progress, perhaps - as used here to show off COVID vaccination rates.
Shachee Swadia
▶ How to Create a PWA With Next.js in 10 Minutes — Congratulations to James for just earning his 100K YouTube Play button.
James Q Quick
Use console.log() Like a Pro — Always nice to have a reminder of the various console methods for debugging.
Marko Denic
Shortcut Puts the Agile in Agile and the "Can" in Kanban
Shortcut (formerly Clubhouse.io) sponsor
Six Tips To Make Your Pull Requests Easier to Review — Looking to have your pull request rise above the background noise for an active repo?
Chak Shun Yu
Building an API with Gatsby Functions
Paul Scanlon
🛠 Code & Tools
LittleJS: A Tiny 2D JavaScript Game Engine with Fast WebGL Rendering — No dependencies and it claims to render 10,000+ objects at 60fps.
Frank Force
memoize-one 6.0: A Memoization Library with a Simple Approach — A memoization library that takes the curious approach of only remembering the last invocation and arguments, returning the cached value if the next call matches. This saves on complex caching arrangements while speeding up many scenarios.
Alex Reardon
ChordSymbol: Musical Chord Parser and Renderer — Claims to be able to "handle whatever chord syntax" you throw at it and it can generate all the notes to be displayed elsewhere. GitHub repo.
Christophe Noël
Tried. Tested. Trusted. Studio 3T - Power Tools for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape data with Reschema. Try Studio 3T free for 30 days.
Studio 3T sponsor
GistPad: VS Code Extension for Managing Code Snippets in GitHub Gists — Allows you to manage GitHub Gists entirely within VS Code. Open, create, delete, fork, star, and clone gists, then go straight to editing. VS Marketplace link.
VS Live Share Contrib
JavaScript Obfuscator: A Way to 'Scramble' JS Code — Transforms your code into a functionally equivalent representation that’s harder to understand or modify. Many folks find this sort of fiddling to be of low value given it can be reversed to some extent, but there’s a Web interface if you want to have a go.
Timofey Kachalov, Tiago Serafim, et al.
OpenSilver 1.0: A Modern, Plugin-Free Reimplementation of Silverlight — This is a replacement for Microsoft’s lonnnng deprecated Silverlight technology, but as of this 1.0 release boasts being "powerful enough to run complex line-of-business applications of all sizes." It’s open-source and runs in current browsers via WebAssembly.
Userware
Hyperactiv 0.9: A Super Tiny Reactive Library
Julien Elbaz
🤓 And one for fun..
(t,i,x,y) => 'creative code golfing' — Tixy is a neat little creative coding environment where you're given a simple 16x16 grid of dots and you can manipulate them via small slices of JavaScript. Math.random() is a fun one to chuck in.
Martin Kleppe