Ready.code - JS development. Releases and articles

#meme

✅ 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

✅ 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

✅ 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

✅ 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

✅ 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

#meme

✅ React 19 and Suspense - A Drama in 3 Acts It’s not a good sign when what at first appears to be a bug is actually intended and prescribed behavior. A cautionary tale, but one with a happy ending. Link to the article #react

✅ Releases htmx 2.0 – This release ends support for Internet Explorer and tightens up some defaults, but does not change most of the core functionality or the core API of the library. Electron 31 – It includes upgrades to Chromium 126.0.6478.36, V8 12.6, and Node 20.14.0. Relay 17 – Improved correctness checking and validation; Additional editor features; Experimental features exploring error handling and nullability ESLint 9.5 - This release adds some new features and fixes several bugs found in the previous release. Serverless Framework v4 - With Serverless Framework V.4, they've significantly accelerated innovation while avoiding breaking changes #releases #htmx #electron #relay #eslint

✅ 12 Design Patterns in Vue Michael Thiessen compiled 12 different design patterns for Vue, along with short and concise examples of how they work. Link to the article #vue #patterns #designSystem

✅ Nested Anchor Links using CSS What to do when you want to nest an <a> tag within another <a> tag? (And why you might want to.) Link to the article #css #html

✅ Avvvatars - Open Source React UI Avatar Library Free React UI Avatars for Your Next Project, get placeholder avatars unique to your user Link to the lib #react #lib #tools

#meme

✅ How To 'Hack' Your Google Lighthouse Scores In 2024 Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as demonstrated here. Stuff like this is well worth knowing to ensure you’re not led down a path and misinformed on performance. Link to the article #google #performance #lighthouse #debug

✅ Bread Jam: Make Variables and Properties Easier to See in VS Code An interesting new VS Code extension that offers 11 different ways to make variable names stand out more in your editor, with both basic colorization approaches and an interesting emoji-based prefix option. Link to the extension #extension #vscode #fun

✅ Generating ZIP Files with JavaScript JSZip makes it easy to dynamically create an archive for users to download. Link to the article #js #lib #tools

✅ Sonner 1.5: The Opinionated Toast Component Styled by default but customizable. There’s a live demo to try on the homepage, or hit up the GitHub repo. Link to the lib #tool #react #lib

✅ A Full-Stack Web Push API Guide A complete implementation of push notifications in a Remix app. “If you follow the walk through to the end, you’ll have working push notifications.” Link to the article #react #notifications #remix #fullstack

✅ How to Compose JS Functions That Take Multiple Parameters “Function composition is beautiful,” says James, who goes on to explain, in his usually elegant way, the use of partial application, currying, composite data structures, and more. Link to the article #js

✅ TC39 Meets Again and Advances Key Proposals The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try. Link to the article #js #engine #ecma