ISSUE #187

Caniuse joins forces with MDN, A Alighter V8, And More


UPDATES

Caniuse and MDN compatibility data collaboration

Today we’re announcing the integration of MDN’s compat data into the caniuse website. Together, we’re bringing even more web compatibility information into the hands of web developers.

A lighter V8

Initially this project was envisioned as a separate Lite mode of V8 specifically aimed at low-memory mobile devices or embedder use-cases that care more about reduced memory usage than throughput execution speed. However, in the process of this work, we realized that many of the memory optimizations we had made for this Lite mode could be brought over to regular V8 thereby benefiting all users of V8.

JAVASCRIPT UPGRADE

⭐ Destructoring explained

The latest JSU issue is devoted to destructoring, how it helps your code look better and all the little tricks you can do with it. By the way, that was the 20th issue! As always, WJS readers can use this link to subscribe for just $7 / mo.

MODERN JAVASCRIPT

JavaScript Optional Chaining - An Introduction

An introduction to Optional Chaining in JavaScript. We discuss what problems Optional Chaining solves, the various ways you can use it, and relatable code examples.

GitHub - daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)

A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10) - daumann/ECMAScript-new-features-list

Callbacks, Promises, and Async-Await | Nick Scialli

JavaScript touts asynchronous programming as a feature. In this post, we explore callbacks, promises, and async-await to handle async programming.

Short-Circuit Evaluation in JavaScript | Nick Scialli

Short-circuit evaluation offers a clean and simple way to conditionally assign variables and handle control flow.

I never understood JavaScript closures | Olivier De Meulder

As the title states, JavaScript closures have always been a bit of a mystery to me. I have read multiple articles, I have used closures in my work, sometimes I even used a closure without realizing…

GRAPHQL

ProtographQL

ProtographQL is a full-service protoyping tool for GraphQL servers, empowering developers to build, visualize, validate and test GraphQL schemas and queries without writing any code.

The Ultimate Guide to handling JWTs on frontend clients (GraphQL)

JWTs are becoming a popular way of handling auth. This post aims to demystify what a JWT is, discuss its pros/cons and cover best practices in implementing JWT on the client-side, keeping security in mind.

PERFORMANCE

SPA Tracking & Monitoring: Optimizing Single-Page Apps w/ RUM

Learn how the principles of Real User Monitoring can help in building and optimizing your single page application, and how you can easily configure monitoring a single-page app for free!

UI

A Simple Way to Animate Scrolling Effects in JavaScript ← Alligator.ioWix Logo

Did you know there's a native way to animate scrolling with JavaScript? Let's go over how it's done in this post.

LEARN FROM THE CODE

GitHub - vitaly-t/sub-events: Lightweight, strongly-typed events, with monitored subscriptions.

Lightweight, strongly-typed events, with monitored subscriptions. - vitaly-t/sub-events

FUN

Infinite Missiles | js13kGames

Flashback to the 1980s! Nobody wins in this game, but see how long you can go without losing! They've got infinite missiles, and you've got the ability to tap or click on the screen to try and blow up as many of those missiles before they inevitably overwhelm and destroy you. It may not be uplifting, but it is mobile friendly!

A Million Digits of Pi in 9 Lines of Javascript

"Big integers" have landed in Javascript, at least in Firefox and Chrome. One of my favorite things to do with high precision arithmetic is to calculate digits of π. From scratch, that is, using only addition, subtraction, multiplication, and division.

typpo/spacekit: Javascript library for 3D space visualizations

Javascript library for 3D space visualizations. Contribute to typpo/spacekit development by creating an account on GitHub.

Metronomes in JavaScript | Monica Dinculescu

Keeping time in JavaScript is kind of a joke, not just because time is a social construct (this is the Jenn Schiffer social engineering at work), but because it’s really easy to write code that blocks the timekeeper.

GitHub - joeattardi/emoji-button: Vanilla JavaScript emoji picker

Vanilla JavaScript emoji picker. Contribute to joeattardi/emoji-button development by creating an account on GitHub.

Bubble Sort Animation using CSS & JavaScript

When I started doing this, I thought it is very simple to create the visualizations, and indeed it is if you know how the core javascript works. But this time I faced a new problem when I switched to a different tab (making this tab inactive), the whole UI, all the positions and everything messed up. Also I learned to achieve upto 60fps animation speed.

Weekend JavaScript

Hey! I'm Ianis. And this is a curated list of JavaScript news and articles (sending every Friday). No spam. Just fresh write-ups on the language features, frameworks, testing practices and beyond.
1109 already subscribed.