Ready.code - JS development. Releases and articles

#meme

✅ DGM.js: Infinite Canvas Library with Smart Shapes A library for rendering and working with infinitely pannable canvases that contain ‘smart shapes’ that you can script and give various constraints and properties. GPLv3 licensed. Link to the lib #react #tool #lib

✅ Astro 4.10 Astro 4.10 is out with experimental type-safe environment variables, as well as enhancements to the Container API and Rewrites. Full release highlights include: - Experimental: astro:env module - Rewrite for all HTTP methods - Embedding Astro in server frameworks - Container API helpers Link to the release #releases #astro #vue #react #static

✅ Releases Nuxt 3.12 – full of improvements and preparing the way for Nuxt 4! Bun 1.1.13 – This release fixes 97 bugs (addressing 211 👍). Reliability improvements to bun install, WebSocket server, etc. Node.js v22.3.0 (Current) Inertia 1.2 - Build single-page apps, without building an API. 🫡 Nuxt 2 RIP - Nuxt 2 will reach End of Life (EOL) on June 30th, 2024 #releases

✅ 'I Tried React Compiler Today, and Guess What..' The recently unveiled React Compiler automatically memoizes things – so can we ditch memo, useMemo and useCallback right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. Link to the article #react

✅ Enhancing the React Migration Process with 'Codemods' Codemod is an open-source platform for automating code migrations, cleanups and refactors. Upgrading to React 19 will involve a fair bit of that, so Codemod has partnered with the React team to build react-codemod – scripts to enhance the migration experience for React 19 onward. Link to the article #react #codemod

✅ How to Structure a Large Scale Vue Application What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows? This is a question that I've heard on numerous occasions and I think one answer to that question lies in the principle of predictability. When it comes to creating a scalable project you want everything about it to be as predictable as possible. Link to the article #vue

✅ Want Out of React Complexity? Try Vue’s Progressive Framework With frontend development, is it better to start simple and build on top of standard HTML, CSS and JavaScript? Or do you need a swiss army knife framework, like Next.js or Angular, with built-in functionality like server-side rendering (SSR), routing and navigation, and more complex forms of state management? Link to the article #vue #react

✅ How to document your JavaScript package Creating and publishing open source packages is a great way to contribute to the ecosystem and community. You made something cool and want people to use it. But simply publishing your module to a registry and crossing your fingers won’t get users. Helping your users become successful with your package means not only writing concise, descriptive documentation, but also ensuring your users can access the documentation within their workflows (e.g. in VSCode) to save them time. Link to the article #jsdoc #js

#meme

✅ Merge Anything 6.0: Merge Objects and Other Types Recursively If you’re looking for something that goes a bit deeper than Object.assign(), say. Link to the lib #js #git #lib

✅ Stop Resizing Your Browser: Improve Testing for Responsiveness “When you resize your browser, you’re not testing for responsiveness. You’re testing the side effect of how a layout looks when you resize a browser.” Link to the article #test #browser #css

✅ htmx: Simplicity in an Age of Complicated Solutions htmx provides access to numerous dynamic features, like Ajax requests and page updates, by way of HTML attributes, and has been increasing in popularity recently. Erik looks at why its simplicity is particularly appealing. Link to the article #js #htmx

✅ A-Frame 1.6: A Framework for Building WebVR Experiences A web framework for building virtual reality experiences that work on Vive, Rift, Quest, as well as desktop and mobile platforms, including in the browser (as the demos here show). Link to the lib #tool #js #3d

✅ CSS Length Units A comprehensive guide covering nine types of lengths that CSS uses to size elements in terms of dimensions, space, time, and even sound. The sort of thing worth bookmarking. Link to the article #css

✅ Promises from the Ground Up Josh notes that in order to truly understand promises, a fundamental part of modern JS development, we need “a surprisingly deep understanding of how JavaScript works and what its limitations are”. Luckily, this tutorial covers all the critical context you need. Link to the article

If you're a bit more advanced, you might enjoy Alex MacArthur's look at controlling promises using Promise.withResolvers().

#js #base

✅ How Deep is Your DOM? A look at how the depth of a DOM tree affects rendering performance. Plus, a question the Bee Gees might have had, if they had been web designers.. Link to the article #html

✅ An Intro to CSS Anchor Positioning with Basic Examples This is a solid overview of the CSS Anchoring API (already available in Chrome 125), highlighting some of its shortcomings, the wins it introduces for creating complex layouts, and more. Link to the article #css

✅ The Gap A thorough, detailed exploration of the various pain points that the widely supported CSS 'gap' property solves. Lots of code examples and demos here to help you get a solid understanding of things. Link to the article #css

✅ Releases Turborepo 2.0 – The high-performance build system. ESLint 9.4 – Find and fix problems in your JavaScript code. 🦖 Docusaurus 3.4 – The fantastic site / docs site framework. Prettier 3.3 - This release includes support for new Flow features such as component and hook declarations Biome 1.8 - One toolchain for your web project Ember.js 5.9 pnpm 9.2 #releases