---
title: "Turbo-charged incremental bundling au Rust"
publication: "JavaScript Weekly"
issue: 612
published_at: "2022-10-28"
canonical_url: "https://javascriptweekly.com/issues/612"
---

Plus Next.js 13, what's fresh in Node 18 for LTS users, lots of confetti, and a JSON storage bin to use as a mock backend. |        

#​612 — October 28, 2022 

[Read on the Web](https://javascriptweekly.com/issues/612)  

Together with [![GrapeCity\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_740,h_100/e_make_transparent/co_white,e_outline:7/rdgadhbipocykh56ysky.png)](https://www.grapecity.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JSWeekly-Masthead-Sponsor-10-22)  

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gxhut8cxn1vjxac3htkr.jpg)](https://vercel.com/blog/turbopack)  

[Turbopack: A Rust-Powered 'Successor' to Webpack](https://vercel.com/blog/turbopack) — With over 3 billion downloads, [webpack](https://webpack.js.org/) is the current champion of the bundlers (though [Vite](https://vitejs.dev/) has been rapidly advancing). Vercel found it too slow and has funded work on [Turbopack](https://turbo.build/). It's a project to keep an eye on and boasts huge performance boosts over webpack or even Vite, **but there are some limitations to take into account:** 

- It's arguable if it's a "successor" to webpack, as Turbopack can't do much of what Webpack can yet, and while they share a creator, webpack is an active project with maintainers of its own.
- It's _very_ connected to React and Next.js 13 (also released this week – more on that next) – [Vue and Svelte support](https://turbo.build/pack/docs/features/frameworks#vue-and-svelte) is to follow.
- The similarly Rust-powered [SWC](https://swc.rs/) is used to transpile JS/TS.
- Vite's Evan You posted [🐦 a Twitter thread with his thoughts](https://twitter.com/youyuxi/status/1585040261922820096) on Turbopack so far.
- TLDR: Unless you're big into Next.js, stick with your existing tools. 

Koppers and Palmer (Vercel)   [![\](https://copm.s3.amazonaws.com/9e29ba47.png)](https://www.grapecity.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JSWeekly-Primary-Sponsor-10-22) 

[Implement JavaScript Developer Solutions for Every Project](https://www.grapecity.com/javascript-solutions?utm_source=CooperPress&utm_medium=JavaScript-Weekly&utm_campaign=JS-Tools-JSWeekly-Primary-Sponsor-10-22) — Get dependency-free, fast, flexible, true JavaScript components that enable you to build basic websites, full enterprise applications, Excel-like spreadsheet tools, and reports for your organization. Empower your JavaScript developers today. 

GrapeCity sponsor   

[Node 18 Becomes Active LTS with v18.12.0](https://nodejs.org/en/blog/release/v18.12.0/) — Formerly a ‘current’ release getting all the newest features, version 18 (now codenamed _Hydrogen_) is now the active ‘Long Term Support’ release and will remain so until October 2023. 

Ruy Adorno and Rafael Gonzaga   

If you're using an older LTS version and are wondering what Node 18 has to offer, Marian Villa presents [11 Features in Node.js 18 you need to try](https://nodesource.com/blog/11-features-nodeJS-18-to-try), including the `fetch` API, `--watch`, and the native Node test runner.  

**IN BRIEF:** 

- The SQLite project now has [official WASM/JS documentation](https://sqlite.org/wasm/doc/ckout/index.md) relating to SQLite's [presence](https://sqlite.org/wasm/doc/tip/about.md) in WebAssembly and browser contexts. [sql.js](https://github.com/sql-js/sql.js) has long been the go-to project in this space, but things are heating up.
- CodePen is a perfect place to play with [Preact](https://preactjs.com/) (the smaller alternative to React) – and [Chris Coyier explains how](https://blog.codepen.io/2022/10/27/using-preact-on-codepen/).
- Christian Heilmann reminds us that [`JSON.stringify` can create nicely formatted,](https://christianheilmann.com/2022/10/28/reminder-json-stringify-can-create-multi-line-formatted-and-filtered-strings-from-json/) filtered, multi-line output strings.   

[Next.js 13 Unveiled at Next.js Conf](https://nextjs.org/blog/next-13) — [Next.js Conf 22](https://nextjs.org/conf) took place earlier this week and as well as Turborepo (above), Vercel unveiled the latest version of the site framework that has become ['inextricably linked'](https://twitter.com/ascorbic/status/1585004156615479296) to React. It gains: 

- Support for an `app/` directory to improve routing, [layouts](https://nextjs.org/blog/layouts-rfc), and Server Components support – can coexist with existing approaches.
- A new [image component](https://nextjs.org/blog/next-13#nextimage) with on-demand optimization and the ability to display images without layout shift.
- A [brand new font system](https://nextjs.org/blog/next-13#nextfont). 

Vercel   

_"Next.js is the framework for the web the way k8s is the framework for infrastructure"_ – [Kelsey Hightower](https://twitter.com/kevinvangundy/status/1585017487447699456) at Next.js Conf.  

[JetBrains JavaScript Day 2022: An Event You Won’t Want to Miss](https://www.jetbrains.com/lp/javascript-day-2022/?utm_source=cooperpress&utm_medium=cpc&utm_campaign=jsweekly_jsday2022) — Join JetBrains JavaScript Day 2022 to catch up on the latest trends and connect with other like-minded professionals. 

JetBrains sponsor   

**RELEASES:** 

- [Babel 7.20.0](https://babeljs.io/blog/2022/10/27/7.20.0.html)
 ↳ The popular transpiler now supports TypeScript 4.9 and Deno as a compilation target.
- [Handsontable 12.2](https://handsontable.com/blog/articles/2022/10/handsontable-12.2.0) – Popular spreadsheet-y data grid.
- [Deno 1.27](https://deno.com/blog/v1.27) – JS server-side runtime that isn't Node. (Or Bun.)
- [Qwik 0.12](https://github.com/BuilderIO/qwik) – HTML-first framework.  

📒 Articles & Tutorials 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/t2kjvrmfo1nnunqfyf7z.jpg)](https://deno.com/blog/fastest-git-deploys-to-the-edge)  

[Which Serverless Edge Platform Has the Fastest Git Deployments?](https://deno.com/blog/fastest-git-deploys-to-the-edge) — The team behind Deno have tested some popular serverless edge computing providers (including their own _Deno Deploy_) to see which has the fastest git deployment time. As always with benchmarks, read the results with a cynical eye and repeat for yourself. 

Andy Jiang (Deno)   

[How We Improved React Loading Times by 70% with Next.js](https://www.causal.app/blog/next-js) — By replacing _Create React App_ with Next.js, business planning platform [Causal](https://www.causal.app) significantly improved their user experience by reducing load times. How? Well, just a little SSR can get you a long way. 

Causal Engineers   

[How to Build a Blog with Fresh and Deno](https://deno.com/blog/build-a-blog-with-fresh) — In other Deno news, if you’ve felt like giving Deno a go for something but been unsure as to _what_, how about spinning up a simple blog atop the [Fresh](https://fresh.deno.dev/) Web framework? Then deploy it _really quickly_ to Deno Deploy ;-) 

Andy Jiang (Deno)   

[The Fastest Way to Learn JavaScript / TypeScript](https://quokkajs.com/?utm_source=cooperpress&utm_medium=javascriptweekly&utm_content=javascriptweekly) — With 2M+ downloads world-wide, Quokka.js is the #1 tool for exploring and testing JavaScript/TypeScript without leaving your editor. 

Wallaby.js sponsor   

[How to Write Your First Unit Test in JavaScript](https://snyk.io/blog/how-to-write-unit-test-in-javascript/) — If you’re a prolific tester, _scroll on._ If not, this is a very light primer. 

Chip Verek   

▶[A Next.js Crash Course](https://www.youtube.com/watch?v=uU80SSxn9_c) — There are a lot of such videos, but this is a well recorded and up to date one so it might help you get the lay of the Next.js land (which seems to be all the rage this week in particular) if you’re just starting out with it. _(2 hours 30 minutes)_ 

Anson Foong   

[Detect a System Theme Preference Change from JS](https://davidwalsh.name/detect-system-theme-preference-change-using-javascript) — `window.matchMedia` and `addEventListener` to the rescue. 

David Walsh   

[Advancements in Angular 14.2's Router](https://blog.angular.io/advancements-in-the-angular-router-5d69ec4c032) 
Andrew Scott   

[Using Cloudinary's Image APIs from Alpine.js](https://www.raymondcamden.com/2022/10/27/using-cloudinary-with-alpinejs) 
Raymond Camden  

🛠 Code & Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/chlkkegrgbsobzhwai1s.jpg)](https://www.npoint.io/)  

[npoint: Simple JSON Storage Bins with Schema Validation](https://www.npoint.io/) — You can use this as a lightweight backend as you prototype an app/site or play with a new library. You can even let other people make changes to the data, if you wish. 

Alex Zirbel   

[Satori: Convert HTML and CSS to SVG](https://github.com/vercel/satori) — React and JSX are the preferred route in to this, but it’ll work without those. It powers Vercel's new ['social card' image generation](https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-images) feature. 

Vercel   

[Don’t DIY Your Notifications: Send SMS, Email, and Push with One Call](https://www.courier.com/?utm_campaign=cooper-press&utm_source=email&utm_medium=javascript-weekly-10-28-brief-link&utm_content=homepage) 

Courier.com sponsor   

[Downshift 7.0: Primitives to Build Accessible React Components](https://www.downshift-js.com/) — You get hooks that provide the stateful logic needed to create autocomplete, combo-box and ‘select’ dropdown components which you can then lean on for WAI-ARIA compliant goodness. 

PayPal   

🎉 [Canvas Confetti: An On-Demand Confetti Shower](https://www.kirilv.com/canvas-confetti/) — Ready to let off some fireworks in your browser? Do it in style with confetti. Plenty of demos to check out. [GitHub repo](https://github.com/catdad/canvas-confetti). 

Kiril Vatev   

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/iysebczz5cchilatyfyx.jpg)](https://github.com/voidcosmos/npkill)  

- [NPKILL 0.9](https://github.com/voidcosmos/npkill)
 ↳ Lists `node_modules` directories and lets you clean them up.
- [Wild Wild Path 3.3](https://github.com/ehmicky/wild-wild-path)
 ↳ Object property paths with wildcards and regexps.
- [capture-website 3.2](https://github.com/sindresorhus/capture-website)
 ↳ Capture screenshots of websites with Puppeteer.
- [Mongoose 6.7](https://github.com/Automattic/mongoose)
 ↳ MongoDB object modeling library for Node.js.     

💻 Jobs  

[Become a Senior JS/TS Developer for a Leading Rich Text Editor](https://cksource.com/careers/?utm_source=jsweekly&utm_medium=email&utm_campaign=oct28#senior-javascript-typescript-developer) — Take the next step in your career and help us migrate CKEditor 5 to TypeScript. Develop the software used by millions of users 🌎 
CKEditor   

[Software Engineer](https://www.stickermule.com/career/6de4ccd8-7e58-4b65-9a25-62354972bdbd) — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers. 
Stickermule   

[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   

[Software Engineer (Security)](https://www.stickermule.com/career/2482befb-4aa7-4372-98d7-042aaf774315) — Join our "kick ass" team. Our software team operates from 17 countries and we're looking for more exceptional engineers to join our Security team. 
Sticker Mule      

👻 And just in time for Halloween.. 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nf6qqdworxohjvwgkoi6.jpg)](https://creepyface.io/)  

[Creepyface: Makes Images of Faces 'Follow' the Pointer](https://creepyface.io/) — This is an effect we’ve seen mostly on ‘about us’ pages where faces of team members follow your pointer around. If you want to recreate that, here you go.. and in a timely _Halloween edition_ too. (React user? There's [a component for that.](https://github.com/4lejandrito/creepyface/tree/master/packages/react-creepyface)) 

Alejandro Tardín         

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