--- title: "Vite 3, or in French: quick, quick, quick." publication: "JavaScript Weekly" issue: 598 published_at: "2022-07-15" canonical_url: "https://javascriptweekly.com/issues/598" --- Plus the difference between statements and expressions, Node-RED 3.0, and putting a Bun in the performance oven. | #​598 — July 15, 2022 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/598) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/qfnyfbujulyb6l5mqfxy.jpg)](https://vitejs.dev/blog/announcing-vite3.html) [Vite 3.0 Released](https://vitejs.dev/blog/announcing-vite3.html) — I follow a _lot_ of JavaScript communities and developers and [Vite](https://vitejs.dev/), 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.](https://blog.replit.com/vite) - [▶️ Vite explained in 100 seconds](https://www.youtube.com/watch?v=KCrXgy8qtjM) by Fireship. - [▶️ A 13 minute introduction to Vite](https://www.youtube.com/watch?v=DkGV5F4XnfQ) by Evan himself. - [Ladle](https://ladle.dev/blog/introducing-ladle/) - Vite-backed React component dev tool and Storybook alternative. - [Fastify DX](https://github.com/fastify/fastify-dx) – in-progress full stack framework on top of Fastify & Vite. Evan You and Contributors [![\](https://copm.s3.amazonaws.com/f644b877.png)](https://ckeditor.com/?utm_source=jsweekly+&utm_medium=email&utm_campaign=jul15) [CKEditor 5 Is Here to Make Collaborative Writing Easy](https://ckeditor.com/?utm_source=jsweekly+&utm_medium=email&utm_campaign=jul15) — 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](https://rety.verou.me/) — Last week we mentioned Lea Verou’s [▶️ CSS variables talk](https://www.youtube.com/watch?v=ZuZizqDF4q8) – 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](https://nodered.org/blog/2022/07/14/version-3-0-released) — [Node-RED](https://nodered.org/) 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](https://bun.sh/) (featured last week) but there's already [an awesome-bun list](https://github.com/apvarun/awesome-bun) of curated resources for it. - 📆 [EmberFest](https://emberfest.eu/), a European Ember.js conference, is taking place in Paris this September 22–23. - We only mentioned [Vue 2.7](https://blog.vuejs.org/posts/vue-2-7-naruto.html) a few weeks ago, but [▶️ is Vue 2 dead?](https://www.youtube.com/watch?v=CW6sho5Ijzg), asks Erik Hanchett who brings us up to speed with what's going on Vue-side. **RELEASES:** [Ember 4.5](https://blog.emberjs.com/ember-4-5-released/) – The productive, battle-tested framework. [Preact 10.10](https://github.com/preactjs/preact) – Fast 3KB React alternative. [pkg 5.8](https://github.com/vercel/pkg) – Package a Node app into an executable. [React Big Calendar 1.4](https://github.com/jquense/react-big-calendar) – Google Calendar-esque component. [AdminJS 6.0](https://github.com/SoftwareBrothers/adminjs) – Node.js admin panel system. 📒 Articles & Tutorials [Statements vs. Expressions](https://www.joshwcomeau.com/javascript/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](https://techsparx.com/nodejs/bun/1st-trial.html) — David decided to put [Bun](https://bun.sh/) 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](https://shortcut.com/?utm_source=cooperJSWeekly&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=fourletter) — 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](https://konstantinlebedev.com/solid-in-react/) — The so-called [SOLID](https://en.wikipedia.org/wiki/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](https://blog.logrocket.com/getting-started-vue-composables/) — For when you want to extract stateful functionality to reuse across components. Abiola Farounbi ▶[An Introduction to Functional Programming in JS](https://www.youtube.com/watch?v=XGNYDjyD6G8) — 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](https://www.polywork.com/product?utm_source=newsletter&utm_medium=cooperpress&utm_campaign=javascript) Polywork sponsor ▶['I Made a Role-Playing Game in Excel'](https://www.youtube.com/watch?v=S9bK1VVQdkE) — We’ve mentioned this guy’s experiments in creating JavaScript games that [use PowerPoint](https://www.youtube.com/watch?v=eHCxgy4Gxkw) and [Word](https://www.youtube.com/watch?v=N2btcfPtxQ0) in the past – he’s back and now using a spreadsheet for his canvas. SethEric [Working with File System Paths on Node.js](https://2ality.com/2022/07/nodejs-path.html) Dr. Axel Rauschmayer [Understanding the Performance Impact of 'Anti-Flicker' Snippets](https://www.speedcurve.com/blog/web-performance-anti-flicker-snippets/) Andy Davies [Build Your Own Wordle for Numbers](https://www.sitepoint.com/wordle-for-numbers-numble/) Olivia Gibson 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/jiir5msgqxjfrvbobdhj.jpg)](https://jekuer.github.io/add-to-calendar-button/) [Add to Calendar Button: Add a Quick Way to Let Users 'Add to Calendar'](https://jekuer.github.io/add-to-calendar-button/) — 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](https://github.com/moment/luxon) — 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](https://www.hellosign.com/products/api?utm_campaign=cooperpress_direct_71522&utm_medium=cpm&utm_source=programmatic&utm_content=newsletter) — Enable document signing from anywhere with HelloSign's eSignature functionality. Test the API for free. HelloSign, a Dropbox Company sponsor [NestJS v9 Released](https://trilon.io/blog/nestjs-9-is-now-available) — 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](https://github.com/ospfranco/link-preview-js) — Uses the OpenGraph metadata that folks like Facebook and Twitter use when showing link previews. Oscar Franco **QUICK RELEASES:** [Commander.js 9.4](https://github.com/tj/commander.js) – Node.js CLI app library. [eruda 2.5](https://github.com/liriliri/eruda) – Web console for mobile browsers. [Tedious 15.0](https://github.com/tediousjs/tedious) – TDS module for connecting to SQL Server. [mux.js 6.2](https://github.com/videojs/mux.js) – Utilities for inspecting video container formats. 💻 Jobs [Find JavaScript Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired **🤔 DID YOU KNOW..** - .. you can code [▶️ Tetris for the Web](https://www.youtube.com/watch?v=_lAr7JveRVE) using React from _Rust_, rather than JavaScript? - .. [you can hold the Shift key](https://twitter.com/guaca/status/1544967782206431234) when looking at network requests in Chrome's devtools to see what initiated the request _and_ its dependencies? - .. [FizzBuzz is FizzBuzz years old?](https://blog.tdwright.co.uk/2022/07/14/fizzbuzz-is-fizzbuzz-years-old-and-still-a-powerful-tool/) - .. you can easily 'test drive' over 100 programming-focused fonts [at programmingfonts.org?](https://www.programmingfonts.org/) - .. if you're a frontend developer, we also have [💌 Frontend Focus, a newsletter focused entirely on frontend](https://frontendfoc.us/), browser, and Web design related news, tech, and tools. [Here's the latest issue.](https://frontendfoc.us/issues/550) Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/cooperx86) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom