Vite 3.0 Released — I follow a lot of JavaScript communities and developers and Vite, a frontend development and build tool of the same provenance as Vue.js, seems to be unanimously held in high regard and is used by projects as diverse as Nuxt, SvelteKit, Astro, and even PHP’s Laravel. Related:

• Why Replit switched from webpack to Vite.
• ▶️ Vite explained in 100 seconds by Fireship.
• ▶️ A 13 minute introduction to Vite by Evan himself.
• Ladle - Vite-backed React component dev tool and Storybook alternative.
• Fastify DX – in-progress full stack framework on top of Fastify & Vite.

Evan You and Contributors

CKEditor 5 Is Here to Make Collaborative Writing Easy — A customizable rich text editor that allows you to build collaboration within your application in hours. Ready-to-use features like comments, track changes, real-time collaboration, version history and many more. Start your free trial to implement it now.

CKEditor 5 sponsor

Rety: Live Coding Without the Stress — Last week we mentioned Lea Verou’s ▶️ CSS variables talk – a talk that had some ‘live coding’ sections which were orchestrated in advance using Rety, which Lea has released to us all.

Lea Verou

Node-RED 3.0 Released — Node-RED is a popular Node.js-based low/no-code programming environment heavily used in the IoT space (though not exclusively). v3.0 requires Node 14+ and includes numerous UI/DX enhancements. Well worth a try if the idea of visually joining together logical components appeals to you.

Nick O'Leary

Statements vs. Expressions — If you were put on the spot and asked to describe the difference between a statement and an expression in JavaScript, would you have a good answer? If you’re not entirely sure, this is a good refresher on what’s involved.

Josh W Comeau

Testing Bun's Speed and Compatibility with Node.js — David decided to put Bun through its paces to see how it would fare with a real world app vs Node.js. Unsurprisingly for an app with real world pressures (file system, network, et al.) the difference in performance was minor, but he was impressed at how seamlessly it worked.

David Herron

Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut — The best issue tracking software is one that software developers are actually happy to use.

Shortcut (formerly Clubhouse.io) sponsor

Applying SOLID Principles in React — The so-called SOLID object oriented design principles have stood the test of time—they were first introduced by Robert Martin in 2000. Although much has changed since, they are still valid and can be valuable when applied in React apps.

Konstantin Lebedev

Getting Started with Vue Composables — For when you want to extract stateful functionality to reuse across components.

Abiola Farounbi

Build Your Work Portfolio with Other JavaScript Engineers on Polywork

Polywork sponsor

Add to Calendar Button: Add a Quick Way to Let Users 'Add to Calendar' — The button is pre-styled and it drops down to show options for various calendars – Apple, GCal, iCal, Microsoft 365, Outlook..

Jens Kuerschner

Luxon 3.0: Library for Working with Dates and Times — If you’re familiar with something like Moment.js, it’s like that but with immutable objects, 1-indexed months, Intl-powered localization (so no locale or timezone files needed!) and more.

Moment.js

Integrate eSignatures in Your App in Less Than a Week — Enable document signing from anywhere with HelloSign's eSignature functionality. Test the API for free.

HelloSign, a Dropbox Company sponsor

NestJS v9 Released — Nest is a TypeScript-based server-side framework for when you need a more fleshed out and complete platform to work on (or get support from) than straight Express, say. v9 introduces a handy REPL, a configurable module builder, durable providers, and more.

Kamil Mysliwiec

Link Preview JS: Get Information about a Target Page — Uses the OpenGraph metadata that folks like Facebook and Twitter use when showing link previews.

Oscar Franco