#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:
|
RELEASES: Neutralinojs 3.0 – X-platform app dev framework. Lighter than Electron. |
|
📖 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 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 |
How to Create CSS Custom Properties That Dynamically Update with React and JS |
Building an API with Gatsby Functions |
🛠 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 |
Pdfvuer: A PDF Viewer for Vue, Powered by Mozilla's PDF.js |
Hyperactiv 0.9: A Super Tiny Reactive Library |
Dust.js 3.0: Asynchronous JS Templating for Browser and Server |
reveal-md: Create Reveal.js Presentations from Markdown Files |
Cacheables: Simple In-Memory Cache with Automatic Invalidation and Elegant Syntax |
🤓 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. Martin Kleppe |