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

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

✅ 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

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

✅ 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

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

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

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

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

✅ Releases

- React Virtuoso 4.8 – Complete React virtualized rendering list/table/grid family of components. Now with horizontal list support.
- 🎨 Chroma.js 2.6 – Simple color manpiulation library, now with tint and shade functions.
- Ky 1.5 – Simple HTTP client based upon Fetch for browsers, Node & Deno.
- YouTube.js 10.2 – Unofficial client for YouTube's internal API.
- tween.js 25.0 – JavaScript/TypeScript animation engine.
- ArangoJS 9.0 – Driver for the ArangoDB graph database.
- is-online 11.0 – Check if the Internet is reachable.
- sql.js 1.11 – SQLite compiled to JavaScript.
- Nuxt Auth Utils v0.3 is out - Add Authentication to Nuxt applications with secured & sealed cookies sessions.

#releases #react #youtube #tween #nuxt #sql

✅ 👩‍💻 What’s Coming in Vue 3.5

Vue.js, is gearing up for a new minor release with Vue 3.5. This version (currently in Alpha) brings a range of enhancements, new features, and important changes to improve the development and user experience. Here's a look at what's coming in Vue 3.5 based on the official changelog and an interview our friends Michael and Alex had with Evan over at the DejaVue podcast.

Link to the article

#js #frontend #vue #EvanYou
#article

✅ 🖥 How Google Handles JavaScript In Its Indexing Process

Once, if you wanted Google to index your content, it needed to be right in the HTML and not dynamically rendered with JavaScript. Things have changed, but how much? MERJ and Vercel analyzed over 100,000 Googlebot fetches in an attempt to empirically demystify Google’s approach.

Link to the article

#js #frontend #google #vercel
#article

✅ 🖥 Garbage Collection and Closures

When three JavaScript experts get together and all learn something new about how JavaScript works when they encounter a memory leak, it pays to listen. An interesting quirk to be aware of.

Link to the article

#js #frontend #closures
#article

✅ How to Use Environment Variables in Vite.js

In this comprehensive guide, we'll explore the benefits and mechanics of using environment variables in Vite.js. We’ll also provide valuable insights and practical examples to help you get the most out of this powerful feature.

Link to the article

#vueschool #js #frontend #vite #vue
#article