#579 — March 4, 2022 |
JavaScript Weekly |
TypeScript 4.6 Released (And It Even Benefits Non-TS Users!) — The typed superset of JavaScript takes another step forward with the addition of the Daniel Rosenwasser |
Five Things You Don't Need JavaScript for — We love JS, but CSS and SVG have progressed enough to replace some traditional JS use cases. Steven Waterman |
The Easiest Way to Monitor Node: Automatic Instrumentation — Monitoring your Node.js apps can be hard. You need to understand what you need to monitor, instrument code, and then make sense of all the data. Automatic instrumentation makes that whole process easier and streamlined. Find out how you can do it. AppSignal sponsor |
Socket: See Potential Security Issues for Socket |
🇺🇦 Leaflet Project Appeals to JS Developers for Ukraine — Did you know the popular Leaflet mapping library was created by a Ukrainian developer? The Leaflet team has a message to share about the current invasion and how you can help. We, too, have donated and will continue to do so. In related news, GitHub has also shared their response to the war. Leaflet.js |
IN BRIEF:
RELEASES: Ember 4.2 – The opinionated framework. |
|
📒 Articles & Tutorials |
Enhancements to the Ubiquitous 2D HTML Canvas — Canvas is heavily used around the Web in its Canvas2D guise (up to 40% of pages, apparently?) and this post looks at some of the newer features and enhancements being made to it. Aaron Krajeski (Google) |
The Most Modern JavaScript I Know (in One Script) — This is a cute idea that maybe we could all try when learning things. Bram has produced a single piece of code, jamming in every new JS concept they just learned. Bram Wasti |
Cheat Sheet: OWASP Top 10 Vulnerabilities (And How to Fix Them) — Spoiler alert - Broken Access Control is the #1 risk. Learn actionable tips to prevent each top 10 vulnerability. Snyk sponsor |
How Do Primitive Values Get Their Properties? — Dr. Axel is back with the second part of a series on primitive values. This time he looks at how primitive values can be used as if objects and where their properties are actually coming from. For example: Dr. Axel Rauschmayer |
▶ Kent C. Dodds's (Classic) Beginner's Guide to React Course — The folks at Egghead, a place that offers various online courses, is releasing some of their ‘classic’ courses on YouTube, and the first one is a React course from Kent C. Dodds. It’s 2.5 hours long, uses React 16, and dates from early 2020, so it’s not out of date :-) Kent C Dodds (Egghead) |
'SolidJS Feels Like What I Always Wanted React to Be' — An opinionated piece. SolidJS is an efficient reactive UI library and we’ve seen direct comparisons before – this piece goes into specifics. Nick Scialli |
Use Group Step Type to Better Organize Complex Pipelines ✨ Buildkite sponsor |
A Guide to Audio Visualization with JavaScript and GSAP — The author built an audio visualization feature for Kent C Dodd’s new site. Jhey Tompkins |
▶ Ten React Anti-Patterns to Avoid |
Implementing Tetris Using React in 200 Lines of Code |
How OkCupid Open Sourced an ESLint Plugin for Internationalization |
🛠 Code & Tools |
Reveal.js 4.3: An HTML Presentation Framework — Brings elegant presentations to anyone with a Web browser. v4.3 just came out with a few tweaks. Hakim El Hattab |
Redux Toolkit 1.8.0 Released — If you’re down with Redux for managing state, the “official, opinionated, batteries-included toolset for efficient Redux development” is what you need :-) Among other things, this release adds new ‘listener’ middleware (think Mark Erikson and the Redux Team |
Million 1.5: A Fast Virtual DOM Implementation — Focused on performance and shipping at under 1KB compressed, Million is ideal if you want an agnostic VDOM implementation to use when building your own framework or libraries. Million |
Shortcut Puts the Agile in Agile and the “Can” in Kanban Shortcut (formerly Clubhouse.io) sponsor |
🇺🇦 Made in Ukraine: A List of (Mostly JS) Projects Built by Ukrainian Developers — More projects than you may have realized. ChernivtsiJS |
dnt: Deno-to-Node Package Transformation Tool — Takes a Deno module and creates an npm package for use in Node. Goes further than mere packaging though and actually injects shims, transforms commonly Deno code forms to Node approaches, and more. Deno Team |
ml-matrix 6.9: Matrix Manipulation and Computation Library |
Dynamodump 2.0: A CLI Tool for Backing Up and Restoring Schema and Data to/from DynamoDB |