🇺🇦 #​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.
Deno 1.21
React Redux 8.0 – React bindings for Redux.
Neutralinojs 4.5.0 – Lightweight x-platform desktop app framework.
fast-json-stringify 3.1.0 – Even faster JSON.stringify()
Mineflayer 4.3 – Minecraft bot dev framework.
Electron 18.1

💻 Jobs

Fullstack Developer — Konrad is hiring Fullstack developers to join our team in building products for the world’s most exciting companies.
Konrad Group

Senior Software Engineer at This Dot Labs (Remote, Worldwide) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more.
This Dot Labs

Senior Software Engineers at Turo (SF | Remote/Hybrid Options) — The world's largest car sharing marketplace on a mission to put the world’s 1.5B cars to better use. We're hiring BE, FE, ML, iOS, Android & DevOps roles at all levels.
Turo

🗓 Register for Our May 5th State of Software Engineers Event — Join our panel discussion with experts from Hired, Amazon, Educative, and Signify Health as we discuss Hired’s 2022 State of Software Engineers Report.
Hired

📒 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 mailto Links — Not necessarily the best way, but an interesting approach.

Jack Childs

▶  Are You Following This Vue Best Practice? — And it’s only two minutes.
LearnVue

Terminal Wordle: Write a Wordle Clone for the Terminal with React Ink
John Ruble

How to Create a Modern CRUD App with Ruby on Rails and React
James Hibbard

Four Reasons to Avoid using npm link (and an alternative)
Hiroki Osame

🛠 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