#527 — February 26, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

JavaScript Performance Beyond Bundle Size — Nolan ponders why ‘bundle size’ is such a common thing to focus on when it comes to JavaScript performance and shares a collection of useful tools to study it further, if you wish, before moving on to more significant concerns ‘beyond the bundle.’ A really good read. Alex Russell reminds us to test on real mobile hardware too.

Nolan Lawson

The Definitive Guide to Streams — One of those posts that will bring you up to speed on a not often discussed area of JavaScript but which is really useful to understand! The Streams API allows you to programmatically read, write, and transform streams of data in a flexible way.

Thomas Steiner

A Friendly Introduction to Functional Programming with JavaScript by Anjana Vakil — Learn what Functional Programming (FP) is and how it differs from other programming styles (such as OO and imperative), and use key concepts of functional to improve your everyday coding.

Frontend Masters sponsor

TypeScript 4.2 Released — The extension (a superset, if you will) of JavaScript that adds static types and type-checking takes another step forward. 4.2 improves how type aliases are handled, adds leading/middle rest elements to tuple types, and more. The release notes are super thorough, as always.

Daniel Rosenwasser (Microsoft)

10 Years of Open-Source Visualization with D3.js — The creator of D3.js (the popular data visualization library) reflects on ten years since D3 1.0 was released with what he’s learnt from both developing D3 and leading a prominent project for so long. Congratulations, Mike!

Mike Bostock

Quick Bits

💻 Jobs

Hiring Remote Mid-Level / Senior Full Stack Engineer in North America — Must have heavy JS/React experience at a senior/expert level. Need to be able to work on web apps and JS client libraries.

Ardan Labs

JavaScript Engineer — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers.

Sticker Mule

Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.


📖 Articles, Opinion & Tutorials

Recreating Real-World Terrain with React, Three.js and WebGL Shaders — A fun Flight Simulator-inspired write-up of creating your own real-world textured 3D rendering for the Web.

Rishabh Karnad

Looks Good To Me: Making Code Reviews Better for Remote-First Teams — A developer from the BBC News team shares some of what they’ve learnt about code review that has improved their internal engineering culture.

James Donohue (BBC)

Best Practices for Building Better Angular Forms — Learn best practices for creating high-quality, accessible, and SEO-friendly Angular Forms. Read the guide on our blog.

Progress Kendo UI sponsor

Building a Serverless Multi-Player Game That Scales — A look at Simple Trivia Service, a game built to show off how to create a multiplayer game using AWS's various serverless services. There's also code available and it uses Vue.js for the front end with Node in the back.

Tim Bruce (AWS)

How to Create React Components with TypeScript — Aimed at developers with mild fears about the process.

Felix Gerschau

Building a Real-Time Webapp with Node and Socket.io — Want to create an app that does real-time data synchronization across multiple machines without introducing a third-party service like Pusher or Firebase? This is the first in a three part series but cuts to the heart of the matter.

Norbert Kovacs and Ferenc Hámori

The Definitive Guide to Feature Management

LaunchDarkly sponsor

Why JavaScript Developers Should Prefer Axios over Fetch — An interesting and perhaps initially counterintuitive thought.

Sabesan Sathananthan

How to Use Vue.js Environment Modes with a Node.js Mock Data Layer
Dave Berning

Building a Roadmap Voting App with Serverless Redis and Next.js
Noah Fischer

Thoughts on Porting Koan’s 150,000-line JavaScript Codebase to TypeScript
RJ Zaworski

🛠 Code & Tools

supported by Okta

Simple-Keyboard: A Virtual Keyboard for JavaScript Projects — Customizable, responsive and lightweight. Compatible with vanilla JS, React, Angular, Vue and more. Love the homepage on this one.

Francisco Hodge

Serverless UI: A Command-Line Tool for Deploying Serverless Functions to AWS — If you’d like to deploy functions in a simple, Netlify-style fashion with the Lambda and API Gateway setup handled for you, check this out. It uses AWS CDK under the hood and is a bit more ‘zero-config’ than something like Serverless Framework, say.

Jake Partusch

Tagger: A Zero Dependency, Vanilla JavaScript Tagging LibraryTry a demo here.

Jakub T. Jankiewicz

Kotlin-First Android Chat SDK with New UI Components — Stream’s open-source SDK can cover all your messaging needs (including channels, threads, reactions, and more). Try our Android tutorial to see why we power feeds and chat for over a billion users.

Stream sponsor

React Drawer: A Sliding Drawer Component — Documentation is quite sparse, but there’s a handy Storybook collection of examples and with over 500k downloads a week it clearly has some draw… 😆


Vue3 Icon Picker: An Beautiful Icon Picker Component for Vue — You can try a demo here.

Hasin Hayder

Tippy.js 6.3: Highly Customizable Tooltip and Popover Library — Accessible, easy to theme, fast on low-end devices, and TypeScript ready. Also a great example of a good project site/homepage. GitHub repo.


element-resize-detector: Optimized Cross-Browser Resize Listener for Elements
Lucas Wiener

🆕 Quick releases: