Ready.code - JS development. Releases and articles

#meme #vscode

✅ 👩‍💻 Angular v19 Released The latest version of the popular enterprise-scale app framework is here with a 😉 22 minute introductory video running through what’s changed and what’s new, including incremental hydration (in preview), two new core reactivity primitives, event replay, and the ability to specify which routes are rendered server or client side. Link to the release #release #frontend #angular

#meme

#meme #protected

✅ 👩‍💻 👩‍💻 Beautiful Focus Outlines Thomas notes that focus outlines are often seen as a purely technical requirement, but suggests we should treat them as essential design elements that can help create “interfaces that are both beautiful and inclusive”, noting how they are fundamental to an accessible web. Also looks at a multi-colored striped approach, and a proposed native way to handling just that. Plenty of good examples here. Link to the article #article #frontend #outline #html #css

#meme

#meme

✅ Pagefind: Add a Search Feature to Your Static Sites A fully static search library that aims to perform well on even large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure (you can use it with any static site generation system). ✅ Version 1.2.0 landed last week. Link to the lib #lib #frontend #pagefind #search #static

#meme

#meme

✅ Framer Motion is Now Motion Framer Motion has been a long-standing, powerful, and hugely popular library for animating things in React apps, but it’s now called Motion and has become an "independent open source project for the community", separate from Framer as a company. Link to the release #release #motion #react #framerMotion #frontend #animation

#meme

✅ 👩‍💻 Storybook 8.4 Released The popular frontend component workshop gets a minor release but it’s “one of our most feature-packed minor releases ever” with one click component testing, Svelte 5 support, React Native Storybook 8, and other niceties. Link to the release #release #js #storybook #svelte #react #frontend #components

✅ 👩‍💻 Nuxt 3.14 Nuxt 3.14 is out - with a new rspack builder, shared folder, and performance enhancements! Link to the release #release #nuxt #frontend #vue #ssr

✅ 😱 How is This Website So Fast!? You may have seen the McMaster Carr site shared in developer circles before — it’s an interesting, somewhat retro-looking industrial supplies ecommerce site that's blazing fast, thanks to a mix of techniques. Wes runs through them here — you’re bound to pick up some performance food for thought. Link to the video #video #frontend #fast

#meme

✅ 👩‍💻 Possible Future CSS: Tree-Counting Functions and Random Values A look at two possible CSS features (tree counting functions and randomness) from the Level 5 spec, how we can prototype them now, and a look at what their use cases may be — via interactive demos. Link to the article #article #css #frontend

#meme

#meme

✅ 👩‍💻 React Folder Structure in Five Steps, 2024 Edition The latest result of Robin’s efforts at updating his popular posts to 2024 standards. Articles about structuring React apps are always popular; this one breaks the idea down to five steps going from the simplest of apps to more complex ones. Bulletproof React is also worth a look if you need something broader. Link to the article #article #frontend #react #structure