React 16.9, globalThis, and a Minecraft clone in JavaScript

#449 — August 9, 2019 Read on the Web JavaScript Weekly React v16.9 Released and a Roadmap Update — BTW, if you’re a React developer, be sure to check out our React-specific newsletter for goodies like how React’s development mode works or tips to avoid React hook gotchas. Dan Abramov and Brian Vaughn Using Async Generator Functions in JavaScript — Async generator functions are special because you can use both await and yield in them, but what are the practical uses? Valeri Karpov Instantly Know When JavaScript Errors Occur and How to Fix Them — With JavaScript error tracking from Rollbar you get exception and crash reports in real-time. Track and debug bugs in record time. Start monitoring and fixing errors in minutes - Try Rollbar for free. Rollbar sponsor Future-Oriented Programming with Vue.js 3 — One of Vue.js 3’s forthcoming new features is support for a function-based API (more on what that means in this podcast). Here’s a look at what problems it’ll solve and how it’ll improve logic composition. Taras Batenkov Explaining the globalThis ES Proposal — The good Dr. Axel is back digging into another new proposal, this time explaining how globalThis (currently at stage 3) could normalize the way you access the global this object (which might otherwise be window, self, or global depending on your environment). Dr. Axel Rauschmayer Intl.NumberFormat and Its New Capabilities — Intl.NumberFormat is an established route to locale-aware number formatting, but it is gaining a variety of new abilities (already supported on Chrome 77+) including support for BigInt, units of measurement, and scientific notation. Mathias Bynens and Shane F. Carr (V8) Quick bytes: 🎧 JavaScript developer Kent C Dodds has launched a podcast Netflix-style by dropping an entire season in one go! Episodes cover a variety of dev topics and feature plenty of folks you'll know. 🗓 The popular JS13kGames JavaScript coding competition kicks off in 4 days on August 13. 🗓 NgTalks 2019 is an Angular event taking place in Ukraine in November. GitHub Actions now supports CI/CD (free for public repos). You can also now write actions in JavaScript which run on any platform (docs here). 💻 Jobs Have You Thought About Being a Web Developer in Robotics? — A unique opportunity to work on a high-powered engineering web application for a computer vision system combining 3D graphics and an intuitive user experience. Veo Robotics Job Searching Without the Searching? Try hackajob 🔎 — Let your skills do the talking. Our AI matches you to roles based on your favourite JavaScript frameworks so you can do what you love. hackajob 📘 Tutorials What’s New in ES2019 — We’ve linked to a few ES2019 roundups this year. Here’s another that’s been big on several social sites this week, so it’s clearly a topic of interest. Marin Radman Remainder Operator vs. Modulo Operator — Is the % in 5 % 2 a remainder operator or a modulo operator? There’s a difference and Dr. Axel outlines what happens in JavaScript. This is the sort of thing that could catch you out if you’re familiar with other languages that treat % in a different way.. Dr. Axel Rauschmayer Using Time Series for Application Performance Monitoring to Win at the Flight E-Ticket Sales Game InfluxData sponsor How to Reduce Your Vue.js Bundle Size with webpack — Vue recommends that your bundles don’t exceed 244KB, but what if they do? webpack-bundle-analyzer to the rescue! Jennifer Bland Building a Full-Stack Serverless App with Cloudflare Workers — Workers is Cloudflare’s edge-located serverless JavaScript platform. This walkthrough demonstrates how to build apps on it and store data on its key-value storage system. Kristian Freeman Asynchronous Modules and Components in Angular Ivy — Ivy is the code name for Angular’s next-generation compilation and rendering pipeline. Artur Androsovych Using scrollIntoView() to Show Added Elements to a Container with Overflow — A great example of one of those times when you see something in the docs you didn’t realize existed and it makes an existing task much easier. Christian Heilmann Interesting Use Cases for JavaScript's Bitwise Operators — If you need to do some bit-level manipulation of values, JavaScript has the operators you need. Glad Chinda The Essential Guide To JavaScript’s Newest Data Type: BigInt — For when the Number type just isn’t enough.. Faraz Kelhini Webinar: Getting Started with NodeSource and AWS Lambda NodeSource sponsor Exporting Angular Page Content to PDF Using Kendo UI Christian Nwamba Getting More Out of Vue's Async Components — Some interesting things you can do with async components in Vue.js. Abdelrahman Awad 🔧 Code and Tools TypeLighter.js: A Lightweight 'Typewriter' Effect — An elegant effect delivered in just 1KB of code. Here’s the GitHub repo. Edern Clemente Resemble.js: Image Analysis and Comparison Library — A Canvas-based approach for performing basic color/brightness analysis of images or to test how two images ‘resemble’ each other. Here’s some live demos. Resemble A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive. Wallaby.js sponsor Vuestic Admin 2.0: A Well-Designed Vue.js Admin Template — A template for an admin system along with over 40 custom UI components. Here’s a live demo. Epicmax JustGage: A Way to Draw and Animate Dashboard-Style 'Gauges' — An older library that’s just had its first release in 3 years. Uses Raphaël for the rendering. Bojan Djuricic vue-router 3.1: The Official Router for Vue.js — router-link now has a scoped slot. Vue.js ⚡️ Quick Releases React 16.9.0 — The queen of reactive UI frameworks. Node 12.8.0 — The king of server side JavaScript platforms. npm 6.10.3 — The popular package manager. Commander.js 3.0 — Node.js command line interfaces made easy. Phaser 3.19.0 — A very long standing 2D Web game framework. RxDB 8.3.0 — A real-time reactive JavaScript database. webpack style-loader 1.0 — Inject CSS into the DOM. MC.js: An Open Source 'Minecraft'-Style Engine — It's built with React, GraphQL, Three.js (so it uses WebGL behind the scenes), and Node. Ian Huang

by via JavaScript Weekly