✅ 👩‍💻 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

✅ 👩‍💻 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

✅ 😱 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

✅ 👩‍💻 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

✅ 👩‍💻 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

✅ 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

✅ 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

✅ 👩‍💻 👩‍💻 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