✅ How to Use Google Sheets as a 'Database' with React

The most compelling reason to use this approach? The ability to make your app’s data available to both technical and non-technical people by simply sharing a Google Sheet they likely already know how to use.

Link to the article

#react #google #nextjs #database

✅ Bridging React Native and Rust via JSI

A detailed look at how a team approached building a React Native SDK that could bridge with core logic written in Rust.

Link to the article

#react #reactnative #jsi

✅ React Tag Autocomplete 7.3

A flexible, accessible tagging component that makes it easy to guide users in the right direction when choosing tags. There’s a live demo so you can see it in action.

Link to the lib

#react #lib #autocomplete

✅ Reassure 1.0: Perf Testing Companion for React and React Native

Automate React app performance regression testing in CI or on a local machine. The rendering characteristics and metrics of numerous runs of app scenarios get compared against a known stable version for your analysis.

Link to the tool

#react #reassure #reactnative #tools

✅ The Results of the State of JavaScript 2023 Survey

It feels odd including something about 2023 in June 2024, but the results of the major annual JavaScript developer survey are now out. It’s interesting to see what features JS devs do and don’t use, changes in library popularity over time, what build tools people are using, the divide between JavaScript and TypeScript usage, and much more besides.

Link to the results

#js #stateofjs #javascript

✅ How JavaScript is Finally Improving the Module Experience

Multiple long-term proposals collectively known as “module harmony” will complete the features lost as developers move away from CommonJS.

Link to the article

#js #commonjs #module

✅ How React 19 (Almost) Made the Internet Slower

Even changes that are planned in advance can have big effects on the developer experience if people aren’t aware of them. A change to Suspense in React 19 led to much confusion and surprise, but the story has a happy ending with the React team ready to listen to end users more closely.

Link to the article

#react #js

✅ Composition API vs. Options API

Should you use the Composition API or stick with the Options API?
It’s a question that every Vue dev has asked themselves at least once — at least those working with Vue 3.

Link to the article

#vue #compositionAPI #optionsAPI

✅ Introducing React-Admin v5

A MIT-licensed framework for building typical webapps on top of REST or GraphQL APIs. You get some added structure, theming, and lots of building blocks out of the box.

Link to the release

#release #react #reactAdmin #graphql

✅ Migrating to Next.js App Router with Zero Downtime

Migrating a complex app page by page will likely throw up some UX hurdles. The team at WorkOS developed a migration guide that allowed them to test their entire app with App Router while still serving the Pages Router to users before making the final switch.

Link to the article

#react #router #nextjs

✅ A Look at JavaScript's New Set Methods

Finding the intersection, union, and difference between sets, among other set-related tasks, is now a piece of cake. Available in Node 22+, Chrome/Edge 122+, Firefox 127+, Safari 17+, and now considered a 'baseline' feature.

Link to the article

#js #methods #mozilla

✅ Ecma International Approves ECMAScript 2024: What’s New?

This week, the Ecma General Assembly approved the latest ECMAScript / JavaScript language spec, officially making it a standard. As with ECMAScript 2023, it’s a small step forward, but Dr. Axel looks at what’s new.

Link to the article

#js #ecma #ecmascript #es2024

✅ Announcing TypeScript 5.5

One of the most significant TypeScript releases in terms of features in a long time. There’s support for the new Set methods (mentioned above), regex syntax checking, isolated declarations, inferred type predicates, and more. A bumper packed release post.

Link to the release

#release #js #ts #typescript

✅ Recreating the Queens Game in Vue

Queens is a puzzle game that combines elements of Minesweeper, chess, and Sudoku.

Link to the article

#vue #game

✅ Inline Conditionals in CSS?

The CSS Working Group resolved to add an inline if() to CSS. Seen by many as an overwhelmingly positive step forward, but one that raises lots of questions too. Lea explains what this all means, and why it’s exciting.

Link to the article

#css #new

✅ Shape Lens Blur Effect with SDFs and WebGL

An introduction on harnessing the power of Signed Distance Fields (SDFs) to draw shapes in WebGL and create interactive effects, such as lens blur.

Link to the article

#effect #js #animation #webgl

✅ Safari 18: What Web Features Are Usable Across Browsers?

Stefan outlines what new developer features are in the beta of Safari 18, and when it will be safe to use them more broadly.

Link to the article

#safari #new #release

✅ Uniting Web and Native Apps With 4 Unknown JavaScript APIs

A look at some ‘under-the-radar' web features, such as the Screen Orientation API and Device Orientation API, and how they can be used to create user friendly, robust PWAs.

Link to the article

#js #api

✅ Releases

Qwik 1.6 – Qwik 2 is coming soon, though.
A raft of Node.js Security Releases are due on July 8.
ESLint 9.6 - This release adds some new features and fixes several bugs found in the previous release.
PrimeVue 4.0 - Brand New Theming API, Tailwind CSS Integration, Enhanced UI Component Suite, Optimized Tree-Shaking, MonoRepo for add-ons
Bun 1.1.18 - This release fixes 55 bugs, Support for npmrc, etc.

#releases #js #frontend