--- title: "Is Turbopack really 10x faster than Vite?" publication: "JavaScript Weekly" issue: 613 published_at: "2022-11-04" canonical_url: "https://javascriptweekly.com/issues/613" --- Plus TypeScript 4.9 RC, Remix gets remixed, some Vue 3 stuff, and we learn what QUIC really is. | #​613 — November 4, 2022 [Read on the Web](https://javascriptweekly.com/issues/613) Together with [![AppWrite logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_700,h_120/e_make_transparent/co_white,e_outline:10/bwd6lmmlekes6erqlb0f.png)](https://appwrite.io/?utm_source=newsletter&utm_medium=homepage&utm_campaign=jamstackedapr14) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/eorosepyme80zodmmift.jpg)](https://weizman.github.io/page-what-is-a-realm-in-js/) [What is a 'Realm' in JavaScript?](https://weizman.github.io/page-what-is-a-realm-in-js/) — One of those things you don’t _need_ to know, but that will flesh out your understanding of JS under the hood. A realm is essentially the complete execution environment for a JavaScript program. Gal Weizman Then if you _really_ want to go down the rabbit hole, [enter the ShadowRealm](https://2ality.com/2022/04/shadow-realms.html) with Dr. Axel.. [Is Turbopack Really 10x Faster Than Vite?](https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8) — Last week’s big news was the unveiling of [Turbopack](https://vercel.com/blog/turbopack), a Rust-based ‘successor’ to Webpack that boasts significantly performance improvements. Vue and Vite’s Evan You decided to run some benchmarks and ended up pretty deep down the rabbit hole. Evan You [![\](https://copm.s3.amazonaws.com/9f05e141.jpg)](https://appwrite.io/?utm_source=newsletter&utm_medium=homepage&utm_campaign=jamstackedapr14) [Open-Source Firebase Alternative for Web, Mobile & Flutter Devs](https://appwrite.io/?utm_source=newsletter&utm_medium=homepage&utm_campaign=jamstackedapr14) — Appwrite is a secure, self-hosted solution that provides developers with a set of easy-to-use REST APIs to manage their core backend needs. You can build anything with Appwrite! Click here to learn more. Appwrite sponsor [Shopify Acquires the _Remix_ Project](https://shopify.engineering/remix-joins-shopify) — A mere year after being open sourced, [Remix](https://remix.run/), an exciting full stack Web framework and its associated company, has been acquired by e-commerce giant Shopify. Dion explains _why_ here, but if you’d prefer a [▶️ snappy two-minute video overview](https://www.youtube.com/watch?v=HleppfVh8jc) then Fireship has it covered. Dion Almaer (Shopify) [Announcing TypeScript 4.9 RC](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/) — A long awaited release gets a big step closer. `satisfies` is introduced to validate that the type of an expression matches some type _without changing_ the actual resulting type. There are also [auto-accessors in classes](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#auto-accessors-in-classes) (an upcoming feature in ES itself) and editor enhancements such as [_“Remove Unused Imports”_ and _“Sort Imports”._](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/#sort-remove-import-commands) 4.9 final is expected in two weeks. Daniel Rosenwasser **IN BRIEF:** - _React Native_ [has switched its default new app template](https://github.com/facebook/react-native/pull/35165) from using Flow to TypeScript. - 🎄 A group of Vue developers are running [✉️ Advent of Vue](https://adventofvue.com/), an email-delivered set of festively-themed coding puzzles built around building Vue components. Think [Advent of Code](https://adventofcode.com/) but more Vue-y! - Key security releases of Node.js are [expected imminently](https://nodejs.org/en/blog/vulnerability/november-2022-security-releases/) (later today!) - [The Component Gallery](https://component.gallery/components/) is a handy index of components. - The Svelte team shares [an update on the state of Svelte](https://svelte.dev/blog/whats-new-in-svelte-november-2022) as of November 2022. **RELEASES:** - [Redux Toolkit 1.9](https://github.com/reduxjs/redux-toolkit/releases/tag/v1.9.0) – Official toolset for Redux. - [Foal 3.0](https://foalts.org/blog/2022/11/01/version-3.0-release-notes/) ↳ Full-featured Node.js webapp framework. - [Vuetify 3.0](https://github.com/vuetifyjs/vuetify) ↳ Material component framework for Vue. - [Ember 4.8.1, 4.4.4, 3.28.10 & 3.24.7](https://blog.emberjs.com/ember-4-8-1-released/) ↳ Security releases of the framework. - [VS Code – October 2022 edition](https://code.visualstudio.com/updates/v1_73) 📒 Articles & Tutorials [How to Build, Test, and Publish a TypeScript npm Package in 2022](https://www.strictmode.io/articles/build-test-and-publish-npm-package-2022) — The bare basic steps in a short and sweet walkthrough. Ianis Triandafilov ['Your Next.js Bundle Will Thank You'](https://renatopozzi.me/articles/your-nextjs-bundle-will-thank-you) — If your Next.js app bundle sizes are bigger than you’d like, Renato’s advice is for you. Renato Pozzi [Creating Human-Readable Date/Time Differences](https://www.amitmerchant.com/human-readable-date-difference-in-javascript/) — There _are_ libraries to get your “2 minutes ago”, “5 months ago” or “1 year ago” but did you know the `Intl` API can do it too? `Intl.RelativeTimeFormat()` is there and supports numerous languages. GitHub's [relative-time](https://github.com/github/relative-time-element) is an alternative if you need a little extra. Amit Merchant [Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API](https://getstream.io/blog/build-a-medical-pager-app/?utm_source=JavascriptWeekly&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=JavascriptWeekly_Jan2022_MedicalPagerMessagingApp) — Build a responsive chat app with emojis/reactions, built-in GIF support, ability to edit/delete messages, direct & group chat, and more. Stream sponsor [Code Coverage with Storybook Test Runner](https://storybook.js.org/blog/code-coverage-with-the-storybook-test-runner/) — Coverage reports can show you how much of your code is actually reached in testing and help you find untested areas. Storybook's test runner now generates coverage reports to help with this and supports React, Preact, Svelte and Vue out of the box. Yann Braga (Storybook) [How to Package and Distribute a Vue.js 3 Plugin on npm](https://vueschool.io/articles/vuejs-tutorials/how-to-package-and-distribute-a-vue-js-3-plugin-on-npm/) — Uses Vite to build things and `vue-tsc` to generate types for optimal DX. Daniel Kelly [Building an Accessible Tooltip Component](https://web.dev/building-a-tooltip-component/) — A well structured overview of how to build a color-adaptive and accessible `` custom element. There’s a [▶️ video version of this post](https://www.youtube.com/watch?v=Y5EIC_UyPME) if you’d prefer too. The JavaScript is minimal. Adam Argyle ▶[Creating a Minecraft Clone with React and Three.js](https://www.youtube.com/watch?v=qpOZup_3P_A) — _(91 minutes.)_ Daniel Berk [Running JavaScript in WebAssembly with WasmEdge](https://www.secondstate.io/articles/run-javascript-in-webassembly-with-wasmedge/) — Why? Why not! Second State [An Overview of JavaScript Promises](https://www.sitepoint.com/overview-javascript-promises/) Sandeep Panda & James Hibbard beginner 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/hmd6gphrj7yhxpslx8ka.jpg)](https://github.com/epicmaxco/vuestic-ui) [Vuestic UI 1.5: A UI Library for Vue 3](https://github.com/epicmaxco/vuestic-ui) — A library of sixty customizable components. [v1.5](https://github.com/epicmaxco/vuestic-ui/releases/tag/v1.5.0) is a big release boasting significantly improved accessibility, new tree, split view, dropdown and virtual scroll components, dark theming, and more. [Official homepage](https://vuestic.dev/). Epicmax [Joi 17.7: Object Schema and Data Validations](https://joi.dev/api/?v=17.7.0) — Describe your data using a simple, fluent API and Joi can check if data you supply to it is up to scratch, e.g. `Joi.string().min(3).max(30)` Sideway Inc. [Radar SDKs and APIs: Fastest Way to a Wide-Range of Location-Based Experiences](https://radar.com/signup?utm_campaign=pr_global_mult_all_tech_20221104-javascript-weekly_developer-signup_ru1&utm_medium=display&utm_source=cooperpress) — Flexible and affordable geocoding, search, and distance APIs with high-quality address and place data. Sign up today. Radar sponsor [directory-serve: Serve a Local Directory Over HTTP, Quickly](https://github.com/cube-root/directory-serve) — This is neat. If you have Node and npm installed, run `npx directory-serve .` to get an HTTP server serving up the current directory. Cube-Root [relative-time: An Element to Format a Timestamp as a Localized Relative Time](https://github.com/github/relative-time-element) — Supply this web component with a standard formatted date and time and it’ll render the right text to suit. GitHub [Pinceau: A CSS-in-TypeScript Framework Built for Vue](https://github.com/Tahul/pinceau) — Still early days but has the perk of seamless integration into Vue, and works with Nuxt, Vitesse, and Vite. Yaël Guilloux [Markdoc 0.2: A Flexible, Markdown-Based Authoring Framework](https://markdoc.dev/) — An _extension_ of Markdown but with extra features ideal for blog posts or docs. It’s used for Stripe’s public docs, but you can bring it into your own systems. [GitHub repo](https://github.com/markdoc/markdoc). Stripe [Shortcut Brings Product and Engineering Together. Try It for Free](https://shortcut.com/?utm_source=cooperJSWeekly&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=together) Shortcut (formerly Clubhouse.io) sponsor - [jest-image-snapshot 6.0](https://github.com/americanexpress/jest-image-snapshot) ↳ Matcher for visual comparisons/regressions. - [Sigma.js 2.4](https://github.com/jacomyal/sigma.js) ↳ High-perf rendering of complex graphs. - [Docusaurus 2.2](https://docusaurus.io/blog/releases/2.2) ↳ Facebook's documentation web site builder. - [Taxi 1.2](https://github.com/craftedbygc/taxi) ↳ Small library for PJAX navigation and animations to sites. - [Jasmine 4.5](https://github.com/jasmine/jasmine) – Testing framework for browsers & Node. - [Chartist.js 1.3](https://gionkunz.github.io/chartist-js/) – Simple responsive charts. Not the 1800s political movement. - [Forge 6.0](https://www.electronforge.io/) – Tool to build/publish Electron apps. - [React Toastify 9.1](https://github.com/fkhadra/react-toastify) – On-screen notifications made easy. - [vanilla-tilt.js 1.7.3](https://micku7zu.github.io/vanilla-tilt.js/) – Smooth 3D _tilting._ 💻 Jobs [Senior JavaScript/TypeScript Developer (Remote or Warsaw)](https://cksource.com/careers/?utm_source=jsweekly&utm_medium=email&utm_campaign=nov4#senior-javascript-typescript-developer) — CKEditor is migrating to TypeScript, will you migrate your talent to the CKEditor team? 🧳 Join us and realize your true potential. CKEditor [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 📗 We're also reading.. We've also had some tabs open that aren't JavaScript _specific_ but you might find interesting anyway: **[Comparing TCP and QUIC](https://www.potaroo.net/ispcol/2022-11/quicvtcp.html) by Geoff Huston.** If HTTP/3, QUIC and UDP are buzzwords for you and you want to know what's going on under the hood, this is a good technical primer (HTTP/3 is basically HTTP mapped on top of QUIC, as opposed to HTTP 1 and HTTP/2 which use TCP). **[Advice That Actually Worked For Me](https://nabeelqu.co/advice) by Nabeel Qureshi.** A bit more thoughtful and universal than most advice posts. **[A Visual Studio 6.0 Nostalgia Trip](https://brainbaking.com/post/2022/10/a-visual-studio-6-nostalgia-trip/) by Wouter Groeneveld.** I might be showing my age by enjoying this. Next stop.. Delphi! Or QBasic..? 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