✅ 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

✅ 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

✅ 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

✅ 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

✅ 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

✅ 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

✅ 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

✅ Astro 4.7 is now available!

This release includes extensive improvements to the API for making toolbar apps, more ways to keep your Astro project up to date, and more.

Updates:

- Dev Toolbar API Enhancements: New tools and helpers, including defineToolbarApp(), improve the ease of building toolbar apps.
- Update Checker: Astro now checks for updates automatically every 10 days and alerts users if they are multiple versions behind.
- TypeScript Compatibility: The strictest TypeScript preset now allows JavaScript files (allowJs: true) to address user feedback and reduce confusion.
These updates aim to simplify development processes and enhance user experience within the Astro ecosystem.

Link to the release

#astro #release #news

✅ Node.js v22 (Current) Released

The newest, cutting edge, major version of Node lands with some key enhancements. v22 becomes the new ‘current’ release (becoming active LTS in October).

It adds support for require-ing ESM, gets a built-in WebSocket client, upgrades to V8 12.4, and includes a task runner (e.g. node --run task_name). This blog post takes a closer look.

Link to the release

#release #news #node

✅ pnpm 9.0

The Efficiency-Focused Package Manager

pnpm has long been a fantastic option for folks looking to save disk space and CPU cycles (or for its great monorepo support) while maintaining most of what makes npm great.

v9.0 drops Node 16 and 17 compatibility, honors the packageManager field in package.json, makes some default config changes, and adopts Lockfile v9.

Link to the release

#release #news #pnpm

✅ Ionic 8

Enhancements to theming, accessibility, revised iOS designs, a new Picker experience, and a new password toggle component.

Link to the release

#news #release #ionic #vue #react #ios #android #mobile

✅ Vue Tip: Once Watchers

Watcher's callback will execute whenever the watched source changes. If you want the callback to trigger only once when the source changes, use the once:true option.

#vue #tip

✅ Things that I like better in Vue than in React

Jaydev discovered that Vue has a bunch of neat features that makes him jealous as React developer.

Link to the article

#vue #react

✅ JSR is Not Another Package Manager

When Ryan created Node, JavaScript had no packages or standard module system. npm and CommonJS took off, and tools like Yarn or pnpm extended npm in certain areas, but in today's ES modules era, it’s time for a transformation.

JSR is not merely a new npm, but a shift in how packages are distributed, tailored for the modern era.

Link to the article

#js #npm #jsr #yarn

✅ Node.js vs Bun: Which One Is Right for You?

In the world of server-side JavaScript, Node.js has dominated for a long time. Recently, however, a new contender named Bun has emerged, promising better performance and developer experience.

They’ve conducted a series of benchmarks to see how Bun stacks up against Node.js, particularly within a serverless context like AWS Lambda, where cold starts and compute performance matter immensely.

Link to the article

#node #js #bun

✅ The React 19 Beta

While designed to get library developers prepared for the eventual React 19 release, this is nonetheless a huge step, with full support for Custom Elements (Custom Element support has long been a thorn in React's side), all the latest React Server Components goodies, Actions, use, and more besides.

Link to the beta

The beta of 19 may be more exciting, but 18.3 will help your app's transition by not breaking anything that works on 18.2 while providing more deprecation warnings.

React 18.3 was released too

#react #release

✅ Announcing TypeScript 5.5 Beta

It’s not even the final release (expect that in a month or two) but 5.5 has many people excited as it has many major enhancements, including inferred type predicates, the ability to import types in JSDoc via comments, regex syntax checking, isolated declarations, and more.

Link to the announcing

#ts #js #release