#633 — April 6, 2023
Your editor, Peter Cooper
CoRecursive Podcast podcast
Headless CMS with World-Class TypeScript Support — Kontent.ai is the leading platform for modular content. Streamline your code using TypeScript SDK, CLI, Rich text resolver, and strongly typed model generator. Scale with no problems when your project grows. Have you seen our UI?
The Angular Signals RFC — There’s a lot of excitement about a shift in Angular involving the addition of signals as a reactive primitive – the official RFC is now available for this feature, and you’re encouraged to leave comments. If you’d rather see a practical use for signals, Joshua Morony recorded ▶️ a screencast showing them off.
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.
Oleksii Trekhleb et al.
Laurie Voss looks at the most popular frameworks used in sites deployed to Netlify. React-based options lead the way.
Oliver Dunk of the Chrome Extensions Team has posted an update on the Manifest V2 to Manifest V3 transition – it’s taking longer than expected so Manifest V2 isn’t disappearing any time soon.
V8 v11.2 is shipping with support for WebAssembly tail calls.
With Chrome 113, Chrome is now shipping support for WebGPU.
Electron 24.0 – Complete with Chromium 112, V8 11.2, and Node 18.14.
Storybook 7.0 – Though still tagged ‘next’ and pending a proper launch.
Storybook for React Native 6.5
WebStorm 2023.1 – Commercial JS IDE from Jetbrains.
Rete.js 2.0 Beta
↳ Framework for building node-based editors.
📒 Articles & Tutorials
Making a Big, Slow Vue/Alpine Page ‘Blazingly’ Fast — A practical example of a pattern the author is billing a “reactive switchboard.” “I’m going to use Vue/Alpine lingo in this article, but I think this pattern applies to lots of different tools.”
▶ Watch Dan Abramov Explore React Server Components — At an epic (though well timestamped) four hours, this isn’t a quick watch, but Dan and Ben Holmes walk through everything React Server Components oriented, complete with diagrams, code, and a real-world app.
Getting PWAs in App Stores with PWABuilder — Thomas Steiner demonstrates how PWABuilder makes it possible to submit Progressive Web Apps (PWAs) to app stores like those provided by Google, Apple, and Microsoft.
Thomas Steiner (Google)
Add a Full-Featured Notification Center to Your App in Minutes
What Are Source Maps? — Learn how source maps can help you debug your original code instead of what was actually deployed after a build process.
Sofia Emelianova (Chrome Developers)
▶ Creating a GitHub Globe Clone with Three.js — If you’re logged in to GitHub, you might not have seen the ‘globe’ on its homepage. Now, though, you can create your own.
James Q Quick
🛠 Code & Tools
Chrome Extension CLI 1.4: CLI for Building Chrome Extensions — Want to get building an extension for Chrome as quickly as possible? This Node-powered tool aims to get you on the right path ASAP. v1.4 adds a script to generate a ZIP file (also known as a ‘postcode file’ at Microsoft UK 😆) of the extension.
Relaunching JSPM CLI for Import Map Package Management — Several years ago when JS had numerous competing module formats, JSPM was a useful package manager atop SystemJS, but now it’s being relaunched as an import map package management tool.
React Chrono 2: A Flexible Timeline Component — A complete overhaul of a popular component. You can render themeable timelines in vertical, horizontal, or vertical alternating orientations. It includes keyboard navigation support, auto advancement, and, as of v2, support for nested timelines.
Dynaboard: A Visual Web App IDE Made for Developers — Build high performance public and private web applications in a collaborative — full-stack — development environment.
Jampack: A Post-Processing Tool to Optimize Static Websites — Similar to a bundler or build tool, with features like image optimization, asset compression, and some code auto-fixes — all amounting to strong Core Web Vitals scores.
↳ JS tweening engine for easy animations.
↳ Modern mobile-friendly touch slider.
↳ Dashboard layout and creation framework.
↳ Visual prototyping tool that can export React apps.
↳ Utility-first CSS-in-JS framework for React.
↳ Lightweight timezone library.
🧑💻 Got a job listing to share? Here’s how.
🧠 Wise Words of the Week