Ready.code - JS development. Releases and articles

✅ Why Don’t We Talk About Minifying CSS Anymore? Salma notes that minification of CSS is now generally something that modern frontend tooling takes care of for us, so it’s not really a practice that’s front of mind anymore — however, it’s still important for us to understand how our stylesheets are being delivered to the browser and what impact they are having on performance. Link to the article #css

✅ React Google Maps 1.0: Components and Hooks for Google Maps Dropped to coincide with Google I/O 2024, this provides a way to integrate Google’s Maps API into a React app, complete with components to lay down markers, drawing over maps, and more. Link to the lib #tool #lib #react #google

✅ Why React Query? Starting from first principles, and a reminder of what React itself is, this is a neat, highly accessible exposition of why React Query (a.k.a. TanStack Query) exists and what it does. Link to the article #react #tanStack #reactQuery

✅ Unovis Handles all sorts of things from Sankey diagrams to maps, graphs, chord diagrams, and traditional line/area charts. Works with React, Angular, Svelte, Vue or plain old JS/TS. Link to the lib #lib #js

✅ The Vue Ecosystem in 2024 Since its inception in February 2014, Vue has become one of the top JavaScript frameworks for building and maintaining web apps. Ben Hong looks at some of the popular tools and libraries used by the community today. Link to the article #vue #ecosystem

✅ An Alternative Proposal for CSS Masonry Chrome team has weighed in, stating that “implementing it as part of the CSS Grid specification [..] would be a mistake”, and they think it should be its own separate layout method defined using display: masonry or something similar. Link to the article #css #chrome

✅ DesignSystemHunt: A Curated Collection of Design Systems from Popular Brands Currently includes links and info on 140+ different design systems from various startups, brands, tech companies, etc. Link to the collection #designSystem #collection #ui #html

✅ Reaction-Diffusion Compute Shader in WebGPU A look at how to use WebGPU compute shaders to create some rather wild looking patterns. Support is limited right now, but it’s a neat effect. Link to the article #js #webgpu

Do you enjoy reading this channel? Perhaps you have thought about placing ads on it? To do this, follow three simple steps: 1) Sign up: https://telega.io/c/ready_dot_code 2) Top up the balance in a convenient way 3) Create an advertising post If the topic of your post fits our channel, we will publish it with pleasure. #ads

✅ The Popover API is Here The Popover API now has broad support, and as such Chris gives us a brief overview of how it differs from <dialog> and how we may want to approach using it. Link to the article #css #html

Do you enjoy reading this channel? Perhaps you have thought about placing ads on it? To do this, follow three simple steps: 1) Sign up: https://telega.io/c/ready_dot_code 2) Top up the balance in a convenient way 3) Create an advertising post If the topic of your post fits our channel, we will publish it with pleasure.

✅ Astro 4.8 Astro 4.8 is out now! This release includes experimental support for Astro actions and request rewriting, performance improvements, and more. Full release highlights include: - Experimental: Astro Actions - Experimental: Request Rewriting - Performance improvements - Ability to define multiple routes with the same entrypoint Link to the release #astro #release

✅ Five Node Version Managers Compared Ideally, we could use the latest LTS version of Node for everything, but in reality we often need to switch versions. Numerous tools let you do this. NVM is the best known, but N, FNM, Volta, or even pnpm could suit you better? Link to the article #js #node

✅ Why Patching Globals is Harmful Modifying global APIs to extend their features is common, but not particularly desirable if readability, maintenance, and predictability are qualities you enjoy. Link to the article #js

✅ Figma’s Journey to TypeScript How the team at Figma automatically migrated code written in their own Skew programming language over to TypeScript — without disrupting a single day of development. Link to the article #ts #js #figma

✅ Docusaurus 3.3: Getting Ready for React 19 Docusaurus is such an elegant site generator and so wildly popular that I can’t help but recommend it. v3.3 gets things ready for React 19, makes it easier to manipulate sitemaps, and more. Link to the release #react #static #lib

✅ Headless UI v2.0 for React From the Tailwind folks, Headless UI is a suite of unstyled, accessible UI React (and Vue!) components, designed to integrate beautifully with Tailwind CSS. Link to the release #react #tailwind #ui #lib #release

✅ Awesome React: The Essential React Libraries and Resources A well maintained collection of resources relating to the React ecosystem. Starting life as a list of several hundred items, it has since been pared down to fewer than 200 by removing all outdated projects and focusing on the essentials. Link to the resources #react #lib