#572 — January 14, 2022
Replit and Ritza
Publishing & Consuming ES Modules Via Packages: The Big Picture — 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
Retool Is the Fast Way to Build Internal Tools — 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.
Eleventy v1.0: The JS-Powered Static Site Generator — Created as an alternative to the Ruby-powered Jekyll, 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 provide more information specifically about this week’s release.
Zach Leatherman et al.
Thomas Claburn (The Register)
Parcel CSS: A New CSS Parser, Compiler, and Minifier Written in Rust — Continuing the trend of writing JS infrastructure in other languages, the Parcel bundler gains a new CSS compiler and minifier written in Rust. Parcel 2.2 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.
If you’re looking to dabble with Jamstack this year, then there’s a free online conference taking place later this month that’s worth a look.
The folks behind Astro and Skypack have raised $7m and formed The Astro Technology Company. Congratulations and we look forward to seeing what they achieve.
The Angular project has unveiled the RFC for Typed Forms.
Billboard.js 3.3 – D3-based charting library.
D3.js 7.3.0 – The powerful data visualization library.
React Date Picker 4.6.0 – You can guess what this is for.
Handsontable 11.1 – Data grid / spreadsheet JS component.
Elk 2.2 – Low footprint JS engine for embedded systems.
Shaka Player 3.3 – JS library to play DASH, HLS and more.
Jan 10th Node.js Security Releases – Affecting all major lines.
Director of Engineering @ ButterCMS (Remote) — 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.
📒 Articles & Tutorials
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!)
How Storybook Migrated 541 Components From Styled Components to Emotion (Without Bugs) — The Storybook team essentially dogfooded their Chromatic visual testing tool to streamline a refactor.
Varun Vachhar (Storybook)
Build an Interplanetary Chatbot, from Scratch — Create your own bot to query photos from the NASA API, and learn some new coding skills: chatbots & conversational AI.
Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors — One of Replit’s engineers makes an opinionated comparison of some common browser-based editor options.
Faris Masad (Replit)
▶ Evan You on ‘The New Vue’ — 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.
David Heinemeier Hansson
How We Built a VS Code Extension with Rust, WebAssembly, and TypeScript
Gabe Jackson (Oso)
🛠 Code & Tools
Shepherd 9.0: Guide Your Users Through a Tour of Your App — A way to step-by-step highlight features of your app/page. Angular, Ember, React, and Vue wrappers are available as needed. GitHub repo.
Shortcut Puts the Agile in Agile and the “Can” in 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 — Can work in browser, Node, or Deno, and is used on a variety of projects like live coding systems and online music generators.
Danfo.js 1.0: Data Analysis Toolkit and Structures — Provides high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data, a la Python’s popular Pandas system.
Two.js: A Renderer-Agnostic 2D Drawing Library — Built by a graphic designer, this library focuses on vector shapes and motion graphics in particular built upon scenegraphs.
Jono et al.
Joao da Silva
deno_lint: Fast Linter for JS and TS Written in Rust — A Rust project implementing a JS linter – not just for Deno, although that’s where it’s targeted (via deno lint) and comes from.