Etsy moved from React to Preact

Etsy moved from React to Preact

#​574 — January 28, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

A Pipe Operator for JavaScript: Introduction and Use Cases — In the State of JS 2020 survey, a lot of developers felt a pipe operator was missing from JavaScript. It’s been around a while, but there’s a pipeline operator proposal and it’s at stage two of the TC39 process. Dr. Axel explains why you’d want this, how it can work, and why JS won’t get F# style pipes.

Dr. Axel Rauschmayer

On Porting the TypeScript Compiler to Go (vs Rust) — The author is a Rust advocate (who created swc) but recognizes that Go might be a better tool particularly for building the type checker and explains why here. This post also fuelled a rather extensive Hacker News discussion on the complications involved with many coming to Rust’s defence.

DongYoon Kang

JavaScript Scratchpad for VS Code, Now with Time Machine — Quokka.js is the #1 tool for exploring and testing JavaScript. Code runs immediately as you type. The new Time Machine feature executes your code and allows you to automatically replay, step forward/back through time, edit-and-continue, and see runtime values.

Wallaby.js sponsor

🛠  Unimported: Find and Fix Dangling Files and Unused Dependencies — When you’re adding new code each day, you might forget to remove old code. This tool can help you discover unused files within your projects.

Stephan Meijer

Take the State of JavaScript 2022 Survey — Now several years in, the popular State of JavaScript survey returns for a joint 2021/22 run and, as ever, seeks to establish what libraries and frameworks developers are excited about. It’s not a perfect approach, but the results are interesting to compare year to year, and we’ll share the results once they’re out.

Sacha Greif

IN BRIEF:

⭐️ An engineer at Etsy mentions Etsy migrated all their React 15.6 code to Preact rather than going to React 16+. A doc from 2020 explained some of the internal thinking around this choice.

The Deno team has reflected on Deno’s progress in 2021. The Angular team has done similarly, too.

TypeScript 4.6 is in beta and focused on relatively minor technical enhancements, such as improved errors, a trace analyzer, and allowing code in constructors prior to calling super().

Ryan Florence of the Remix project notes on Twitter a “palpable feeling that folks are ready for the post-React world”.

Mike Melanson asks if 2022 will be a ‘golden age’ for full-stack JavaScript?

RELEASES:

Nightwatch 2.0 – End-to-end testing framework.
Gluegun 5.0 – Toolkit for building Node.js CLI apps.
Node-RED 2.2.0 – Low-code event driven app dev environment.
parse-domain 7.0 – Split hostnames into parts.
NeutralinoJS 4.2.0 – X-platform JS desktop app framework.
Mocha 9.2 – JS testing framework.
Serverless Framework v3
React Native 0.67
npm 8.4.0

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

AI & Software Engineers — Sticker Mule is the Internet’s most “kick ass” brand. Our software team operates from 17 countries, and we’re always looking for more exceptional engineers.

Stickermule

Find JavaScript Jobs with Hired — 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

React Server Components: A Primer — The co-founder of the Plasmic visual page builder app takes us on an exploration of React server components (currently an experimental feature in the forthcoming React 18) and how they tick under the hood.

Chung Wu (Plasmic)

Exploiting JavaScript Quirks for Fun and Profit — If you’re Doug Crockford (the author of JavaScript: The Good Parts), look away now! Plentiful use of with and eval in this clever approach to solving an Advent of Code puzzle.

Kitty Giraudel

React Authentication, Simplified — In this article, we lay out a new approach to authentication (plus access control & SSO) in React applications.

Userfront sponsor

A Complete Beginner’s Guide to npm — Even if npm is second nature to you, this guide may prove useful, if only to send to other folks on your team. It’s a nine-part guide from CSS-Tricks covering everything from the ground up.

Josh Collinsworth

The Baseline for Web Development in 2022? — Analysis of numerous stats around frontend technologies, browser share, client devices, and more to establish a feel for what the lowest common denominators are in terms of what we must continue to support.

Alan Dávalos

What’s New with the DevTools? — A decent break down of recent changes and additions to developer tooling in Chrome, Edge, Safari and Firefox.

Patrick Brosset

Animate Anything Along an SVG Path — How to code creative animations with JavaScript using SVG paths and the getPointAtLength() function.

Louis Hoebregts

Redefining the OSS Universe with Sourcegraph: Lessons Learned

Sourcegraph sponsor

Comparing CSS Specificity Values with JavaScript — When it comes to CSS specificity how do you compare two selectors to decide which is highest? This post digs into it.

Kilian Valkhof

How TypeScript Won Over Developers and JavaScript Frameworks

Charles Humble (The New Stack)

▶  Using Node to Do The Opposite of What Jim Cramer Says — Silly, but yeah.

Fireship

🛠 Code & Tools

chroma.js: Zero Dependency Color Conversion Library — I love this simple but suitably colorful documentation. If you’ve got work to do with colors and color values, certainly give this a look. GitHub repo.

Gregor Aisch

Clipboard.js: A Modern ‘Copy to Clipboard’ Library — The Clipboard API makes clipboard work easier than ever before, but you may find a library like this provides a little valuable added abstraction.

Zeno Rocha

Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API — Build a responsive chat app with emojis/reactions, built-in GIF support, ability to edit/delete messages, direct & group chat, and more.

Stream sponsor

ngraph.path: Path Finding Through Graphs — There’s a live demo if you want to see how it tackles the road network of six global cities.

Andrei Kashcha

ExcellentExport.js 3.8: Export Table Data to Excel or CSV — If your app/page has some data in HTML tables and you’d like to export it to a CSV or XLSX without any server involvement, this could help.

Jordi Burgos

Reaselct: A ‘Select’ Box Component for React — Currently in single- and multi-select versions, the latter of which could work well in tagging scenarios. Comes from the same team as the REAVIZ chart library.

REAVIZ

Trilium Notes: A Knowledge Base App Built with Node — A hierarchical note taking app. Built as an Express app but is most commonly used on the desktop via an Electron packaged version. It’s been around a few years but continues to see frequent updates and is a neat example of this sort of app.

zadam

hyperid: Fast Unique ID Generation — Check out the benchmark results. For Node and browser.

Matteo Collina

Leave a Reply

Your email address will not be published. Required fields are marked *.

*
*
You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Have no product in the cart!