Ready.code - JS development. Releases and articles

✅ Nuxt Tip: Dedupe Fetch Calls Nuxt 3.9 introduced a new dedupe option for the useFetch (and useAsyncData) composable. This option allows you to avoid deduplicate fetch calls for the same key. The default value is cancel which cancels existing requests when a new one is made. The defer option does not make a new request at all if there is a pending request #vue #nuxt #tip

✅ ReScript 11.1 Released Once known as BuckleScript, ReScript is a heavily OCaml-inspired, typed language that compiles to JavaScript and even has a JSX transform built into the language. Traditionally this JSX support was targeted solely at React use cases, but now works with Vue, Preact, and other approaches too. Link to the release #js #release

✅ From 0 to Production - A Modern React Tutorial I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. Link to the video #react #nextjs #ts

✅ React Native 0.74 Released A significant release of the cross-platform native app framework. It includes the Yoga 3.0 layout engine, bridgeless mode becomes the default if using New Architecture, and Yarn 3 is the default package manager for new projects. Link to the release #react #reactnative #release

✅ HTML Attributes vs. DOM Properties They’re completely different, but often coupled. Jake outlines the difference, and why it matters. Link to the article #html

✅ Getting Your Codebase Ready for React 19 Is your app ready for what’s coming up in React 19’s release? A quick look at some of the anticipated changes so far. Link to the article #react

✅ Help Invent CSS Grid Level 3, Aka “Masonry” Layout Masonry style layouts (above) see content laid out like a brick/stone wall. It’s a popular pattern, but one that rapidly becomes difficult to get just right. Real-world feedback is now being sought from devs and designers on how CSS should handle such layouts. This article runs through the current proposal, the debate at the heart of things, and how to share your thoughts. Link to the article #css #html

✅ React UI Component Libraries: A Large Roundup If you’ve ever found yourself wondering just how many UI libraries are out there for React, this article goes a long way to enumerating and describing what’s currently available. Link to the article #react #lib

✅ The Frontend Developer/Engineer Handbook 2024 An in-depth, detailed, and free guide to the current web development landscape. It's a superb resource (by way of Frontend Masters) for getting up to speed on everything from code editors, CSS, UX, UI, the command line, popular tools and frameworks, performance, accessibility, testing, AI, and much more. One to bookmark/share. Link to the handbook #js

✅ TresJS: Build 3D Experiences with Vue.js Create 3D scenes with Vue components and Three.js. Think React-three-fiber but more.. Vue flavored. There’s an online playground if you want to give it a quick spin (literally). Link to the tool #vue #tool

✅ Qwik vs. Next.js: Which is Right for Your Next Web Project? A point by point faceoff between Qwik vs Next.js and why the author thinks Qwik takes the gold medal. Link to the article #react #next #qwik

✅ Gap is the New Margin Author highlights how the use of the margin property is now on the decline, slowly. Link to the article #css

✅ Wedges: A Collection of UI Components for React Built and used by the folks at Lemon Squeezy, this is a well thought, aesthetically pleasing set of Radix UI and Tailwind CSS based components. You can also download a Figma file of them to use when mocking up layouts Link to the collection #react #components #tailwindcss #radixui

👩‍💻 👩‍💻 Preview.js: Preview UI Components Instantly in Your IDE Namely, VS Code or JetBrain IDEs, out of the box. Compatible with components built for React, Vue, Svelte and Solid. Link to the tool #js #vue #react #tool

✅ CSS Gradients: A Gallery of 275 'Click-to-Copy' CSS Gradients Includes quite a few unique examples (i.e. not just two-color gradients) that you might find useful or simply for inspiration. Link to the site #css #tool

✅ Next.js 14.2 Released As it approaches its eighth birthday, Next.js has passed 1 million monthly active developers and landed this release with support for using Turbopack to improve local development, memory usage, CSS and caching optimizations, improved error messages, and more. It also seems Next.js 15 is on the horizon to coincide with React 19. Link to the release #react #next #release

✅ CSS in React Server Components An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. Link to the article #css #react #next

✅ Modern CSS Patterns in Campfire Advancements in CSS, such as :has(), oklch(), and others allow developers to replace client- and server-side code with CSS properties, enabling behavior that was previously difficult to impossible, all without a framework. Link to the article #css

✅ iOS404 An overview of all of the missing web features in iOS. There’s over 60, and some of the missing features may surprise you (many are over a decade old). Link to the article #css #ios