🇺🇦 #​586 — April 22, 2022 | Unsubscribe  |  Read on the Web |
Lots of bits and pieces this week like running JavaScript on MS-DOS(!?), a deep dive on a V8 optimization, writing React apps on top of Ruby on Rails, a JS runtime for a tiny microcontroller, and, oh, a huge Node release.. |
JavaScript Weekly |
 |
| Lexical: An Extensible Text Editor Library (That Does Things Differently) — Fresh from Meta (or Facebook, as my brain still calls it) comes a new text editor framework with accessibility, performance, and reliability at its heart. 22KB gzipped, supports React 18 (but can be used in a vanilla fashion), and a (native) iOS version is to follow. Remind you of Draft.js? Think of this as the next generation: Meta is – they’re replacing Draft with Lexical in their apps. Meta / Facebook |
| Node.js 18 (Current) Released — We get V8 10.1, Undici-powered global Fetch API support, Web Streams API support, Blob and BroadcastChannel APIs, the new test runner module, and the ability to create your own Node.js binaries with custom V8 startup snapshots. Node 18 goes LTS from October, but gets all the latest features until then. The Node.js Team |
 Open-Source Backend Server for Web, Mobile & Flutter Devs — 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 |
| The OpenJS Foundation's JavaScriptLandia Awards — Back in 2020, the OpenJS Foundation launched JavaScriptLandia as a sort of way to express support for the JS ecosystem, but here’s a practical result of it: you can nominate anyone in the JS ecosystem for an award for the hard work they do. So, um, yeah, find your favorite new library and nominate its creator, perhaps? OpenJS Foundation |
| Ember 4.3 Released — One of JavaScript’s longest standing web application frameworks takes another step forward. Why use Ember? Well there’s a site explaining that too. Anne-Greeth Schot-van Herwijnen and Jen Weber |
| IN BRIEF:
RELEASES: Nuxt 3.0.0 RC1 – Lots to see here for Vue 3 users. |
|
📒 Articles & Tutorials |
| ▶  Ember's Road to TypeScript and More — A dapper looking Chris Krycho (who has equally smart looking slides) promises his talk is good even for non-Ember and non-TypeScript using developers as the work they’ve been doing affects us all. Chris Krycho |
| Seven Web Component Tricks — A few things that may not be ‘super obvious’ about working with Web Components. Presented in a straightforward manner with code examples. Dave Rupert |
| Transform Your File Uploads with Filestack — Give users access to file upload sources like Instagram, Dropbox, & Google Drive with just two lines of code - our advanced APIs can then help with conversions, transformations, intelligence and more. Filestack sponsor |
| V8's Faster Initialization of Instances with New Class Features — A technical deep dive into some work on optimizing the performance of initializing class fields and private methods – work which now benefits all users of Node.js 18 onward. Joyee Cheung (V8) |
| ▶  What Key Was Pressed? (You Won't Believe How Keyboard Events Work) — A half-hour video diving into the intricacies of keyboard events and the best ways to go about handling user input. Jake Archibald & Ada Rose Cannon |
| A Quick Guide to Mitosis: Why You Need It and How You Can Use It — Forget cell division.. this Mitosis gives you code division, essentially letting you write components once and then letting you use them in React, Vue, Solid, Angular, and elsewhere. Alex Patterson |
| Integrate eSignatures in Your App in Less Than a Week HelloSign, a Dropbox Company sponsor |
| Reducing Spam From Jack Childs |
| ▶  Are You Following This Vue Best Practice? — And it’s only two minutes. |
| Terminal Wordle: Write a Wordle Clone for the Terminal with React Ink |
| How to Create a Modern CRUD App with Ruby on Rails and React |
| Four Reasons to Avoid using |
🛠 Code & Tools |
 |
| Leaflet 1.8.0: Mobile-Friendly Interactive Map Library — A huge release for the long standing and hugely popular library. The homepage has a live demo. Leaflet |
| Kaluma 1.0: A Tiny JS Runtime for the RP2040 (Raspberry Pi Pico) — The RP2040 is a tiny microcontroller built by the Raspberry Pi folks, so for JavaScript to work, it needs to be tiny too. Enter Kaluma which can run on devices with just 64KB of RAM. Kaluma Project |
| SpaceTime: A Lightweight Timezone Library — Use this to calculate times in other timezones. Has a Moment-like API but is immutable. No dependencies. GitHub repo. Spencer Kelly |
| Speed Up Your Builds with Buildkite’s New Plan — Set up CI/CD pipelines, frontend builds, ML training, Ops automation, security scanning, or IOT testing 📦 Buildkite sponsor |
| PicMo: A Plain JavaScript Emoji Picker — Gives you the option to use platform-native emojis or cross-platform ones via Twemoji, and you can even add your own custom emojis. Try some demos here. picmo |
| The Most Popular Node.js Frameworks in 2022 — A listicle, but not a bad one at all, and summarizes 11 different frameworks of various types. Alex Ivanovs |
| HyperFormula 2.0.0: Spreadsheet-Like Calculation Engine — HyperFormula (GitHub repo) is a powerful Excel-inspired spreadsheet system (not just a control). Note that it’s open source but dual licensed. HANDSONCODE sp. z o. o. |
🤠 Other Cool Stuff |
| Mess with DNS: A Playground to Learn About DNS Concepts — Not JavaScript specific, but DNS management is one of those skills I think it’s great for everyone to pick up. Julia Evans |
| Look Scanned: Make PDFs 'Look Scanned' — Sometimes there are organizations that need you to sign documents but aren’t happy with you doing it on PDFs digitally and want something that looks real and 'scanned in.' This purely front-end based, WebAssembly powered tool tries to fake that effect for you, and it’s open source too. seedgou |