#574 — January 28, 2022 |
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:
RELEASES: Nightwatch 2.0 – End-to-end testing framework. |
|
📒 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 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 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 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
|
▶ Using Node to Do The Opposite of What Jim Cramer Says — Silly, but yeah.
|
🛠 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.
|