#653 — September 7, 2023
Peter Cooper and the Cooperpress team
Astro 3.0 Released: The All-in-One Web Framework — An increasingly popular, turbo-charged site generator comfortable with not just static sites, but dynamic and interactive ones too by way of its ‘islands’ approach. You can use React, Vue, Svelte, Solid, and others, with it, and v3 adds View Transitions API support (more on that here) which can result in striking creations like this Spotify ‘clone’. It requires a play to really ‘get it’ but it’s great.
Good news – now SvelteKit supports the View Transitions API too 😉
Node.js 20.6 Released with Built-In Support for .env Files — The official release post covers everything new in 20.6, but the highlight is support for .env environment files to set environment variables dynamically when a script is run without requiring a third-party library like dotenv.
Simplify Security and Compliance for Your Apps — Introducing Pangea: comprehensive API-based security services for developers. Effortlessly integrate foundational security services like Authentication, Authorization, and Audit Logging to create a safer app experience and accelerate your time to market.
Bye to Rome and Hi to Biome for JS Formatting and Linting — First announced in 2020, Rome is/was an ambitious effort to create a unified frontend dev tool to bring ideas from Babel, ESLint, webpack, etc. into one place. After forming a company around Rome and raising money two years ago, things seem to have gone awry, with its key maintainers forking the project as Biome.
Emanuele Stoppa and the Biome Team
⚡️ IN BRIEF:
Mozilla: “Over the course of the year Firefox has improved by around 40% on the Vue.js benchmark” – find out why.
What’s going on with the Gatsby React framework? Folks are noticing there’s not a lot going on with it lately and that 🐦 Netlify layoffs had a big impact. Netlify does, however, say 🐦 updates are coming.
“The CSS-in-JS sector has plateaued,” says the latest State of CSS survey.
What’s new in Svelte as of September 2023? Quite a lot.
Node-RED 3.1 – The powerful low-code/visual programming environment gets some key improvements in its editor.
Ky 1.0 – Simple HTTP client based upon Fetch for browsers, Node & Deno.
jQuery 3.7.1 – Oh yes indeedy 🎉
📒 Articles & Tutorials
Josh W Comeau
You Don’t Need to Learn Svelte – Here’s Why — I mean.. you kinda do, but Kavii’s excitement is infectious and Svelte’s approach remains refreshing.
Build a Documentation Chatbot with ChatGPT and EdgeDB — Let’s do it using EdgeDB’s intuitive data model & query language, as well as its powerful TypeScript query builder.
A Wide View of Automated Testing in React Apps — A straightforward and to the point introduction to why you might use automated testing, how to get going in the scope of a React app, and what to be testing.
The React Handbook
Benchmarking 24 CSV Parsing Approaches — The most extensive CSV parsing benchmark I’ve seen. The author is himself the creator of the μDSV CSV parsing library and wanted to check out the common ‘lightning fast performance’ claims of other libaries.
The Complexity of Building an Efficient Node.js Docker Image — It’s possible to get huge reductions in image size and build time and Samuel shares his approach here, but he also questions whether all this work should be necessary.
Dmitry Soshnikov Education sponsor
How to Create a Chrome Extension in 10 Minutes Flat
🛠 Code & Tools
FormKit 1.0: The Open-Source Form Framework for Vue — Ships with production-ready scaffolding like inputs, forms, submission and error handling, and validation rules.
Math.js: An Extensive Math Library for Node and Browser — Work with complex numbers, fractions, units, matrices, symbolic computation, etc. A long standing library now, but continuing to get frequent updates. GitHub repo.
Jos de Jong
Calendar.js: A Calendar Control with Drag and Drop — A responsive calendar with no dependencies, full drag and drop support (even between calendars) and many ways to manage events with recurring events, exporting, holidays, and more.
🧑💻 Got a job listing to share? Here’s how.
npm-to-yarn – Convert npm commands to yarn and vice versa.
export-to-csv – Export arrays of objects to CSV.
Perfectionist 2.0 – ESLint plugin for sorting various data.
React Native Vision Camera 3.0
↳ Powerful camera control for React Native apps.
↳ Client library for YouTube’s internal API.
Ink 4.4 – Use React to build CLI apps.