Vite 3, or in French: quick, quick, quick.

#​598 — July 15, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

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 You himself.
• Ladle - Vite-backed React component dev tool, and Storybook alternative.
• Fastify DX– in-development 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

IN BRIEF:

• It's early days for Bun (featured last week) but there's already an awesome-bun list of curated resources for it.

• 📆 EmberFest, a European Ember.js conference, is taking place in Paris this September 22–23.

• Mark Erikson shares some useful pointers on how to research the level of npm package use.

• We only mentioned Vue 2.7 a few weeks ago, but ▶️ is Vue 2 dead?, asks Erik Hanchett who brings us up to speed with what's going on Vue-side.

RELEASES:

Ember 4.5– The productive, battle-tested framework.
Preact 10.10– Fast 3KB React alternative.
pkg 5.8– Package a Node app into an executable.
React Big Calendar 1.4– Google Calendar-esque component.
AdminJS 6.0– Node.js admin panel system.

📒 Articles & Tutorials

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

▶  An Introduction to Functional Programming in JS— A light hearted, yet useful, introduction to the ‘mustachioed hipster of programming paradigms.’ Perfect for beginners.

Cassidy Williams

Build Your Work Portfolio with Other JavaScript Engineers on Polywork

Polywork sponsor

▶  'I Made a Role-Playing Game in Excel'— We’ve mentioned this guy’s experiments in creating JavaScript games that use PowerPoint and Word in the past – he’s back and now using a spreadsheet for his canvas.

SethEric

Working with File System Paths on Node.js
Dr. Axel Rauschmayer

Understanding The Performance Impact of Anti-flicker Snippets
Andy Davies

Build Your Own Wordle for Numbers
Olivia Gibson

🛠 Code & Tools

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 Link's Target Page— Uses the OpenGraph metadata that folks like Facebook and Twitter use when showing link previews.

Oscar Franco

QUICK RELEASES:

Commander.js 9.4– Node.js CLI app library.
eruda 2.5– Web console for mobile browsers.
Tedious 15.0– TDS module for connecting to SQL Server.
mux.js 6.2– Utilities for inspecting video container formats.

🤔 DID YOU KNOW..

• .. you can code ▶️ Tetris for the Web using React from Rust, rather than JavaScript?

• .. you can hold the Shift key when looking at network requests in Chrome's devtools to see what initiated the request and its dependencies?

• .. FizzBuzz is FizzBuzz years old?

• .. you can easily 'test drive' over 100 programming-focused fonts at programmingfonts.org?

• .. if you're a frontend developer, we also have 💌 Frontend Focus, a newsletter focused entirely on frontend, browser, and Web design related news, tech, and tools. Here's the latest issue.