--- title: "SvelteKit now in beta" publication: "JavaScript Weekly" issue: 531 published_at: "2021-03-26" canonical_url: "https://javascriptweekly.com/issues/531" --- Plus two approaches to being a JavaScript expert, choosing a React state management library, and an ESLint plugin for better regexes. | #531 — March 26, 2021 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/531) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/sezqh3djxwwwvnmeybwv.jpg)](https://alistapart.com/article/human-readable-javascript/) [Human-Readable JavaScript: A Tale of Two Experts](https://alistapart.com/article/human-readable-javascript/) — JavaScript gives us many ways to do things, but deciding which way can be tricky. Laurie Barth looks at two broad approaches to choosing different paths with using new language features. A List Apart [Sinon.JS 10: Test Fakes, Spies, Stubs and Mocks for JavaScript](https://sinonjs.org/) — We’ve mentioned Sinon in passing for years but never featured it directly, so when better than a big 10.0 release? Sinon is something you’d use when you have _tricky_ things to test where a test double/stand-in object might be appropriate. Sinon Committers [![\](https://copm.s3.amazonaws.com/f95dcfa9.jpg)](https://frontendmasters.com/courses/production-next/?utm_source=javascriptweekly&utm_medium=email&utm_campaign=nextjs) [New Course: Production-Grade Next.js with Scott Moss](https://frontendmasters.com/courses/production-next/?utm_source=javascriptweekly&utm_medium=email&utm_campaign=nextjs) — No matter if you’re making a blog, marketing page, or a full-stack app, Next.js has the tools you need. This detailed course runs through everything you need to build a production-ready, full-stack app. Frontend Masters sponsor [SvelteKit Now In Public Beta](https://svelte.dev/blog/sveltekit-beta) — Back in November, we linked to [What’s the deal with SvelteKit?](https://svelte.dev/blog/whats-the-deal-with-sveltekit) – an article from Svelte’s creator on how he was rethinking the process of building Svelte apps. Here’s step one of the result: think of it as Next for Svelte. It’s a framework for building apps with Svelte, complete with server-side rendering, routing, code-splitting for JS and CSS, adapters for different serverless platforms and so on. [This episode](https://www.svelteradio.com/episodes/ben-mccann-on-sapper-and-sveltekit) of _Svelte Radio_ may also be of interest. Rich Harris (Svelte) [📈 Billboard.js 3.0: The D3.js-Powered Chart Library](https://netil.medium.com/billboard-js-3-0-release-d3-js-v6-support-new-candlestick-type-9bd74af6a753) — A popular library supporting a whole range of chart types out of the box (bar, line, areas, donuts, radars, and various hybrids) – 3.0 brings candlestick / OHLC chart support (often used in financial contexts) and supports D3.js v6. [Project homepage](https://naver.github.io/billboard.js/). Jae Sung Park Quick Bits - Jake Archibald is back [working out which Formula 1 teams](https://jakearchibald.com/2021/f1-perf-part-1/) have the fastest (or slowest!) Web sites. - [TXTFiddle](https://txtfiddle.com/) is a new online JavaScript sandbox focused specifically on text manipulation. The templates and being able to stop execution are useful features here. - Do I think it's amazing JavaScript lets me [run Windows 3.1 in my browser?](https://www.pcjs.org/software/pcx86/sys/windows/3.10/) Yes. - Want to create your own VS Code theme as easily as possible? You can now [do it in your browser.](https://themes.vscode.one/) Quick Releases [Node 15.12.0](https://nodejs.org/en/blog/release/v15.12.0/) — Runs all the things. [webpack 5.28.0](https://github.com/webpack/webpack/releases/tag/v5.28.0) — The big bundler of everything. [React Spring 9.0](https://aleclarson.github.io/react-spring/v9/) — Animation library for React apps. [pkg 4.5.0](https://github.com/vercel/pkg/releases/tag/4.5.0) — Turn Node apps into executables. [ReacType 6.0](https://elenaconn.medium.com/reactype-6-0-your-favorite-react-prototyping-tool-just-got-social-cb6afb3b9036) — Visual React prototyping tool. 📖 Articles, Opinion & Tutorials [React State Management Libraries and How to Choose](https://daveceddia.com/react-state-management/) — An overview of the best state management libraries and how to choose the right state management strategy for your app. Dave Ceddia ▶[Discussing WebAssembly and WASI with Aaron Turner](https://www.serverlesschats.com/93/) — The use of WebAssembly for deploying code generated by languages like Rust and Go to the Web is reasonably well understood, but this interview digs more into WebAssembly’s uses on the server (including for, yes, serverless use cases!) and how [WASI](https://wasi.dev/) makes it possible. Serverless Chats Podcast podcast [Collaborative, Effortless Project Management](https://clubhouse.io/?utm_source=cooperJSWeekly&utm_medium=spon_nl) — Clubhouse helps engineering and product teams ship quality software, faster. Easily import from Jira or Trello. Clubhouse.io sponsor ▶[Automating Social Images with Airtable, Cloudinary, and Serverless](https://www.youtube.com/watch?v=iw7D5RyXWJ4) — It’s an hour long but this is a fun format for a video.. a developer is brought on to solve a problem, live, in an hour. James’ challenge is to create a system to auto-generate social media sharing images using a variety of tools. Colby Fayock and James Quick [The Difference Between Values and References in JavaScript](https://dmitripavlutin.com/value-vs-reference-javascript/) — A look at the difference between passing by _value_ and passing by _reference._ Dmitri Pavlutin [How to Create a Screen Reader Accessible Graph (Like Apple's) with D3.js](https://fossheim.io/writing/posts/apple-dataviz-a11y-tutorial/) — A neat use of [D3.js](https://d3js.org) (_commonly used to create data visualizations_) to recreate Apple Watch-style ‘activity rings’. A detailed tutorial with lots of code and CodePen examples to dive into. Sarah L. Fossheim [Nine JavaScript and TypeScript ORMs for 2021](https://www.sitepoint.com/javascript-typescript-orms/) — A roundup, complete with code examples, showing off a variety of tools like Knex.js, Mongoose, TypeORM, Waterline, and Bookshelf. Michael Wanyoike [Observability Won’t Replace Monitoring (Because It Shouldn’t)](https://go.lightstep.com/register-observability-replace-monitoring-co.html?utm_campaign=js&utm_source=cooper&utm_medium=Email) Lightstep sponsor [Why I Prefer Makefiles Over `package.json` Scripts](https://spin.atomicobject.com/2021/03/22/makefiles-vs-package-json-scripts/) John Ruble [How To Navigate Between Views with Vue Router](https://www.digitalocean.com/community/tutorials/how-to-navigate-between-views-with-vue-router) Dave Berning 🛠 Code & Tools supported by [![Okta\](https://res.cloudinary.com/cpress/image/upload/v1602154330/de7dtktheistsfpqdem4.png)](https://developer.okta.com/?utm_campaign=newsletter_cooperpress_all_multiple_inc_dev_sponsored-section_null&utm_source=cooperpress&utm_medium=cpc) [wordwrapjs: A Word Wrapping Library for Node and Browser](https://github.com/75lb/wordwrapjs) — It always intrigues me to see a package with over 700,000 downloads per week but relatively few GitHub stars. Lloyd Brookes [eslint-plugin-clean-regex: ESLint Plugin for Better Regular Expressions](https://github.com/RunDevelopment/eslint-plugin-clean-regex) — Catches things like redundant or non-functional patterns and can optimize character classes. Michael Schmidt [Aladino: A Tiny WebGL Library to Enhance Your Site with Shader Effects](https://github.com/luruke/aladino) — Lots of cool examples [on the demo page](https://luruke.github.io/aladino/) but some of these can likely be accomplished with more optimal code. Luigi De Rosa [Breakpoints and `console.log` Is the Past, Time Travel Is the Future](https://wallabyjs.com/?utm_source=cooperpress&utm_campaign=javascriptweekly&utm_content=javascript) — 15x faster JavaScript debugging than with breakpoints and console.log. Wallaby.js sponsor [Faker.js 5.5: Generate Realistic Fake Data in Node and Browser](https://github.com/Marak/Faker.js) — _‘No more free work’_ [said](https://github.com/Marak/faker.js/issues/1046) the maintainer of Faker.js last year, but happily he’s back maintaining this library, has received [some support](https://github.com/Marak/faker.js/issues/1046#issuecomment-761119112), _and_ he has [a (paid) API service](https://fakercloud.com/api) to help keep the lights on. Marak Squires [Piscina: A Fast Worker Thread Pool Implementation for Node.js](https://github.com/piscinajs/piscina) — Now that Node now offers [worker threads](https://nodejs.org/api/worker_threads.html) which bring true multithreading to Node apps.. Piscina [CodeTour: VS Code Extension to Record and Playback Guided Tours of Codebases](https://github.com/microsoft/codetour) — Here it is [on the Visual Studio marketplace.](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour) Microsoft [Intro.js: A User-Friendly 'Onboarding Tour' Library](https://introjs.com/) — For creating step-by-step product tours as commonly used when onboarding SaaS users, say. It’s AGPL-licensed, so a license is needed for commercial use. [Shepherd](https://shepherdjs.dev/) is a similar MIT-licensed alternative. Afshin Mehrabani [jsep: JavaScript Expression Parser](https://ericsmekens.github.io/jsep/) — _“Think of jsep as a tool to parse the kinds of expressions that would be written in individual Excel cells.”_ Stephen Oney [Delaunator 5.0: Fast Delaunay Triangulation of 2D Points](https://github.com/mapbox/delaunator) — The [demo](https://mapbox.github.io/delaunator/demo.html) is the best way to get a feel for what this is about. Mapbox [TypeScript Dedent: Smartly Trim and Strip Indentation from Multiline Strings](https://github.com/tamino-martinius/node-ts-dedent) Tamino Martinius 💻 Jobs [Senior JavaScript Developer (Fullstack)](https://fingerprintjs.breezy.hr/p/e847f3879f57-senior-javascript-developer-fullstack) — We’re looking for a senior full-stack developer to help us build a high performance, high accuracy online fraud prevention service. FingerprintJS [Software Engineer at Carbon Five](https://grnh.se/4fa748832us) — Stagnating? Carbon Five has new projects, tech and challenges perfectly paired with kind, supportive, brilliant people. [Check us out](https://grnh.se/4fa748832us). Carbon Five [Find Your Next Job Through 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 Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) '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