--- title: "Parcel.js 2.2 and Eleventy 1.0" publication: "JavaScript Weekly" issue: 572 published_at: "2022-01-14" canonical_url: "https://javascriptweekly.com/issues/572" --- Plus D3 7.3, a new book from Nicholas C. Zakas, and a simple carousel for Svelte users. | #​572 — January 14, 2022 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/572) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/l8tdx10bxdvn4csejwzv.jpg)](https://makejsgames.com/) [Make JS Games: How to Code Games with JavaScript](https://makejsgames.com/) — Web games are _huge_ right now ([Wordle](https://www.powerlanguage.co.uk/wordle/) anyone?) and this is a fantastic effort to provide a variety of solid tutorials (leaning on the [Kaboom](https://kaboomjs.com/) games programming library) to tackle several game genres. Read online or [grab the PDF](https://i.ritzastatic.com/makejavascriptgamesbook/e-books/make-javascript-games-book.pdf). Replit and Ritza [Publishing & Consuming ES Modules Via Packages: The Big Picture](https://2ality.com/2022/01/esm-specifiers.html) — If all of the various concepts and moving parts involved in using ES modules via packages have kept you confused till now, here’s Dr. Axel with a detailed technical explainer. Dr. Axel Rauschmayer [![\](https://copm.s3.amazonaws.com/82884a8a.png)](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=javascriptweekly) [Retool Is the Fast Way to Build Internal Tools](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=javascriptweekly) — Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, you ship more apps and move your business forward—all in less time. Retool sponsor [Eleventy v1.0: The JS-Powered Static Site Generator](https://www.11ty.dev/) — Created as an alternative to the Ruby-powered [Jekyll](https://jekyllrb.com/), Eleventy (_a.k.a. 11ty_) similarly can transform a directory of templates into a static HTML site to deploy wherever you like. The [v1.0.0 release notes](https://github.com/11ty/eleventy/releases/tag/v1.0.0) provide more information specifically about this week’s release. Zach Leatherman et al. [JavaScript Developer Breaks Two Popular npm Packages](https://www.theregister.com/2022/01/10/npm_fakerjs_colorsjs/) — The creator of Faker.js and colors.js, two packages we’ve mentioned quite often, made some _unorthodox_ commits to his projects recently that caused them to either disappear or [break](https://github.com/Marak/colors.js/commit/074a0f8ed0c31c35d13d28632bd8a049ff136fb6?diff=unified) in 'interesting' ways. Thomas Claburn (The Register) [Parcel CSS: A New CSS Parser, Compiler, and Minifier Written in Rust](https://parceljs.org/blog/parcel-css/) — Continuing the trend of writing JS infrastructure in other languages, the [Parcel bundler](https://parceljs.org/) gains a new CSS compiler and minifier written in Rust. [Parcel 2.2](https://github.com/parcel-bundler/parcel/releases/tag/v2.2.0) has just come out and supports a new experimental CSS transformer plugin if you want to try it out, but you can use it standalone too. Devon Govett **IN BRIEF:** - The always popular [State of JavaScript survey](https://stateofjs.com/) is back again for a joint 2021/22 run. The results are usually interesting so please take it if you get the chance. - Nicholas C. Zakas has a new book about [Understanding JavaScript Promises](https://ebooks.humanwhocodes.com/promises) out. _(Note: It's email walled, but I've had a skim and it's worth it.)_ - Long term support for AngularJS (not to be confused with _Angular_) has [now ended.](https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a) AngularJS isn't going away as such but you are strongly encouraged to upgrade to [Angular proper](https://angular.io/). - If you're looking to dabble with Jamstack this year, then there's a free online conference [taking place later this month](https://cfe.dev/events/the-jam-2022/) that's worth a look. - The folks behind Astro and Skypack have raised $7m and [formed The Astro Technology Company.](https://astro.build/blog/the-astro-technology-company/) Congratulations and we look forward to seeing what they achieve. - The Angular project has unveiled [the RFC for Typed Forms.](https://blog.angular.io/typed-forms-the-rfc-is-here-53263e792c89) **RELEASES:** [Billboard.js 3.3](https://netil.medium.com/billboard-js-3-3-release-non-zero-based-bar-stacking-bar-radius-more-defc0804a20e) – D3-based charting library. [D3.js 7.3.0](https://github.com/d3/d3/releases/tag/v7.3.0) – The powerful data visualization library. [React Date Picker 4.6.0](https://github.com/Hacker0x01/react-datepicker) – You can guess what this is for. [Handsontable 11.1](https://handsontable.com/) – Data grid / spreadsheet JS component. [Elk 2.2](https://github.com/cesanta/elk) – Low footprint JS engine for embedded systems. [Shaka Player 3.3](https://github.com/google/shaka-player) – JS library to play DASH, HLS and more. [Jan 10th Node.js Security Releases](https://nodejs.org/en/blog/vulnerability/jan-2022-security-releases/) – Affecting all major lines. 💻 Jobs [Director of Engineering @ ButterCMS (Remote)](https://apply.workable.com/buttercms/j/C70D8C3FB5/) — Working closely with our founder and CEO, you’ll own all technology, deliver on our roadmap, and most importantly, ensure that our customers are successful. ButterCMS [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 📒 Articles & Tutorials [How _Not_ to Learn TypeScript](https://fettblog.eu/how-not-to-learn-typescript/) — _“Learning TypeScript, even in 2022, can be frustrating it seems,”_ notes the author who reflects on five common mistakes TypeScript newcomers make (so that you can avoid them yourself!) Stefan Baumgartner [How Storybook Migrated 541 Components From Styled Components to Emotion (Without Bugs)](https://storybook.js.org/blog/541-components-from-styled-components-to-emotion/) — The Storybook team essentially dogfooded their [Chromatic](https://www.chromatic.com/) visual testing tool to streamline a refactor. Varun Vachhar (Storybook) [Build an Interplanetary Chatbot, from Scratch](https://bit.ly/3GbssrC) — Create your own bot to query photos from the NASA API, and learn some new coding skills: chatbots & conversational AI. Botpress sponsor [Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors](https://blog.replit.com/code-editors) — One of Replit’s engineers makes an opinionated comparison of some common browser-based editor options. Faris Masad (Replit) [Form Validation with the Constraint Validation API](https://blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api) — Client-side validation isn’t a full substitute for true server-side validation, but it can get you a lot of the way. Here, Craig introduces the [Constraint Validation API](https://developer.mozilla.org/en-US/docs/Web/API/Constraint_validation) which you can use from JavaScript to interact with HTML5’s form validation mechanisms. Craig Buckler ▶[Evan You on 'The New Vue'](https://www.youtube.com/watch?v=2KBHvaAWJOA) — At VueConf Toronto a couple of months ago, Vue creator Evan You spoke about the Vue 3 experience and all of the new and updated pieces that make it tick. Evan You [Email Service 'HEY' is Running Its JavaScript Off Import Maps](https://world.hey.com/dhh/hey-is-running-its-javascript-off-import-maps-2abcf203) — From Ruby on Rails to JavaScript on Import Maps? David Heinemeier Hansson [How We Built a VS Code Extension with Rust, WebAssembly, and TypeScript](https://www.osohq.com/post/building-vs-code-extension-with-rust-wasm-typescript) Gabe Jackson (Oso) 🛠 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v0uns9vysvp6ooxciyy0.jpg)](https://shepherdjs.dev/) [Shepherd 9.0: Guide Your Users Through a Tour of Your App](https://shepherdjs.dev/) — A way to step-by-step highlight features of your app/page. Angular, Ember, React, and Vue wrappers are available as needed. [GitHub repo](https://github.com/shipshapecode/shepherd). Ship Shape [Heapify v0.6: The 'Fastest JavaScript Priority Queue Out There'](https://github.com/luciopaiva/heapify) — A bold claim, but there are some benchmarks, plus no dependencies and it’s well explained and documented too. Lucio Paiva [Shortcut Puts the Agile in Agile and the “Can” in Kanban](https://shortcut.com/?utm_source=cooperJSWeekly&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=kanban) — Looking for an intuitive white-board style project management tool? Collaboration has never been easier with Shortcut. Shortcut (formerly Clubhouse.io) sponsor [Ohm: Library and Language for Building Parsers, Interpreters and Compilers](https://github.com/harc/ohm) — Can work in browser, Node, or Deno, and is used on a variety of projects like [live coding systems](https://harc.github.io/seymour-live2017/) and [online music generators](http://turtle.audio/). HARC [Danfo.js 1.0: Data Analysis Toolkit and Structures](https://github.com/javascriptdata/danfojs) — Provides high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data, a la Python’s popular [Pandas](https://pandas.pydata.org/) system. JSdata [Two.js: A Renderer-Agnostic 2D Drawing Library](https://two.js.org/) — Built by a graphic designer, this library focuses on vector shapes and motion graphics in particular built upon scenegraphs. Jono et al. [Window.js: A Prototype JavaScript Runtime for Desktop Graphics Programming](https://github.com/windowjs/windowjs) — It’s early days for this project, but the author has brought together some interesting technologies including V8, GLFW, and Skia. One to watch, perhaps. Joao da Silva [Doppler - All Your Environment Variables in One Place](https://www.doppler.com/?utm_campaign=newsletter&utm_medium=referral&utm_content=javascriptjan14&utm_source=newsletter) Doppler sponsor [deno_lint: Fast Linter for JS and TS Written in Rust](https://github.com/denoland/deno_lint) — A Rust project implementing a JS linter – not just for Deno, although that’s where it’s targeted (via `deno lint`) and comes from. Deno Team [timequeue.js 3.0: A Queue with Custom Concurrency and Time Limits](https://github.com/fent/timequeue.js) Fent [Svelte Carousel: A Lightweight, Simple Carousel for Svelte 3](https://github.com/beyonk-adventures/svelte-carousel) Beyonk [Axios Cache Interceptor: An Efficient Cache Interceptor for Axios](https://axios-cache-interceptor.js.org/) Arthur Fiorette 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