Ready.code - JS development. Releases and articles

✅ 🖥 Announcing TypeScript 5.6 Beta The first beta of the next major version of TypeScript is out. Region-prioritized diagnostics (VS Code only, for now) is a particularly interesting addition. Link to the announce #js #frontend #ts #backend #announce

✅ 👩‍💻 React Native Filament: A 3D Rendering Engine for React Native It’s fast, native 3D rendering with a React touch. Rendering takes place on a separate thread for efficiency, and on iOS, Filament uses the efficient native Metal API. Link to the tool #frontend #react #js #reactnative #tool

✅ 👩‍💻 Use useId() Instead of Hand-Making IDs Why to use useId instead of hand-made IDs to link two DOM nodes for accessibility. Link to the article #frontend #js #react #userid #hooks #article

#meme #backend

✅ 👩‍💻 So You Think You Know Box Shadows? Or, perhaps, “How not to use box shadows.” David sets out to share “some of the worst possible things” you can do with box shadows on DIV elements, but in reality they’re also quite impressive and striking. Link to the article #frontend #css #shadow #article

✅ What’s New for JavaScript Developers in ECMAScript 2024 High level analysis of developments in the ECMAScript spec, with insights from Ecma vice president Daniel Ehrenberg, TC39 co-chair Rob Palmer, and developer Ashley Claymore. A good, thorough roundup of the state of play. Link to the article #ecmascript #frontend #js #article

✅ 👩‍💻 Going Deep into CSS Grid Areas We’re seven years into widespread support for CSS Grid, but its use still isn’t as widespread as it should be, says Ahmad. He digs into the power of CSS Grid’s ability to define and name specific grid areas here, complete with diagrams and code. Link to the article #frontend #css #grid #article

#meme #aws

✅ Design GUI: Browser Extension for Managing Colors in CSS Variables Lots of features in this one including AI-generated color palettes, accessibility testing, support for shadcn/ui — overall a nice tool for those working with design systems. Link to the extension #lib #frontend #shadcnui #tool

✅ 👩‍💻 DRY - A Common Source of Bad Abstractions The pursuit of avoiding repetition at all costs can sometimes result in crude, hard to maintain code. Think about the actual concerns involved and you might find a better way to break things down. Link to the article #frontend #react #js #article

✅ 👩‍💻 The Results of State of React 2023 The State of React 2023 survey ran last December but the results from over 13,000 respondents have finally landed. It’s packed with interesting tidbits, but we learn: - SPAs still dominate for most developers. - forwardRef is the React API causing the most pain. - 🎧 What podcasts React developers are listening to. - Python and PHP are the most common backend languages (after JS/TS). - MUI and React Bootstrap lead the way in component libraries. - React 18 adoption is strong. Link to the results #frontend #stateofreact #react #js #article

#meme

✅ 👩‍💻 Storybook 8.2 Michael Shilman is excited to announce Storybook 8.2, the next stop on our journey to no-compromise component testing: -🪝 New test hooks for parity with other popular testing tools - 🧳 Portable stories for reuse in other testing and docs tools - 📦 Package consolidation to reduce dependency conflicts - 🛼 Streamlined onboarding to get new users up to speed - ✨ New and improved website with better framework docs - 💯 Hundreds more improvements Link to the release #storybook #frontend #ui #react #vue #vitest #release

✅ Releases - Mikro ORM 6.3 – Popular ORM for Node.js and TypeScript, now with an optional 'schema-first' approach. - Uppy 4.0 – Powerful, modular JavaScript file uploader. - Preact 10.23 – The 3KB React compatible alternative. Node.js v20.16.0 (LTS), pnpm 9.6, Meteor.js 3 #node #mikroorm #uppy #preact #pnpm #meteor #frontend #backend #releases

✅ Astro 4.12: Say Hello to Server Islands The flexible Astro framework for building modern content-based sites continues to go from strength to strength. v4.12 includes a new concept of server islands, a way to integrate static HTML and server-side generated components together. Link to the release #frontend #astro #react #vue #ssr #static #release

#meme #frontend #backend #beautifulCode #senior

✅ 👩‍💻 Embracing Functional CSS: Have We Moved On? A look at the positives of utility-first CSS, and why we’ve become accustomed to introducing it to our workflows. Link to the article #css #frontend #article

✅ 👩‍💻 An Update on Invokers: Invoker Commands in HTML An overview of this experimental syntax which will allow devs to assign behavior to elements in a declarative and accessible way. Link to the article #html #frontend #article

✅ 👩‍💻 Private Browsing 2.0 in Safari First included as a feature in Safari almost twenty years ago, ‘Private Browsing’ has been getting a big revamp over the past year. The WebKit team explains what changes and enhancements have occurred and the mitigations to prevent breaking existing sites. Link to the release #js #browser #safari #webkit #release

✅ 👩‍💻 @property: Next-Gen CSS Variables Now with Universal Browser Support The @property rule, part of the CSS Houdini umbrella of APIs, is now fully supported across all modern browsers. Browser Support 👩‍💻85 👩‍💻85 👩‍💻128 👩‍💻16.4 Link to the article #css #html #frontend #article