---
title: "Dates, times, building CLIs with React, and just how JS can run so quickly.."
publication: "JavaScript Weekly"
issue: 499
published_at: "2020-07-31"
canonical_url: "https://javascriptweekly.com/issues/499"
---

Plus more JavaScript links, tutorials, and projects.       

#499 — July 31, 2020 

[Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/499)   

This _felt_ like a really quiet week in the JavaScript space, so I was a bit worried about finding enough cool things to include.. but we did 😄 Turns out if you scratch around a bit, there's a lot of great work going on – be sure to take a good skim through. Oh, and next week is.. ISSUE 500! 🎉  

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1596208279/qisn8o4tr8p5yr5xtumk.png)](https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition)  

[I Created The Exact Same App in React and Vue And..](https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition) — Two years ago, the author built the same app in React and Vue to see the differences between the two. Since then, both have changed, so he’s back with a 2020 edition bringing hooks and Vue 3 into play. 

Sunil Sandhu   

[Speculation in JavaScriptCore](https://webkit.org/blog/10308/speculation-in-javascriptcore/) — A long, technical post about _speculative compilation_ and how it makes a dynamic language like JavaScript a lot faster than it might otherwise be (or _was_, pre V8!) You’ll need some experience with how compilation works to get much out of this, but if you want to know how modern JavaScript VMs can run JavaScript so quickly, it’s an epic resource. 

Filip Pizlo (WebKit)   [![\](https://copm.s3.amazonaws.com/83b0761f.png)](https://www.webiny.com/) 

[Build Full-Stack Serverless Web Apps with This JS Framework](https://www.webiny.com/) — If you are looking to build full-stack serverless web apps, then Webiny is the perfect solution for you. It's open-source, it uses React, Node, GraphQL and TypeScript. It deploys your apps to your AWS cloud and runs on top of Lambda functions. 

Webiny sponsor   

[Next.js 9.5 Released](https://nextjs.org/blog/next-9-5) — [Vercel](https://vercel.com) CEO [Guillermo Rauch](https://twitter.com/rauchg) is excited about the new release: incremental static regeneration, custom base paths, rewrites and redirects, [webpack 5](https://webpack.js.org) support, and [much more](https://twitter.com/rauchg/status/1287792732472135680). 

Next.js   

[tinykeys: A Tiny, Modern Library for Keybindings](https://jamiebuilds.github.io/tinykeys/) — Has a reallly simple API and the page includes live use of some specific bindings that you can try out. 

Jamie Kyle     

**⚡️ Quick bytes:** 

- [git 2.28 has been released](https://github.blog/2020-07-27-highlights-from-git-2-28/) and now lets you specify a new default branch name (so `main` instead of `master`, say).
- Auth0 (those authentication as a service folks) are running [a hackathon](https://hackathon.auth0.com/) (with prizes) next weekend (Aug 7-9), if you want something to do.
- The V8 team has released [a 'respectful code' policy](https://v8.dev/docs/respectful-code) surrounding the language they do and don't want associated with their project.
- The Angular language service is now available within Visual Studio via [this extension.](https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.AngularLanguageService)   

💻 Jobs  

[Engineering Manager Frontend (f/m/x)](https://www.homeday.de/en/jobs/engineering-manager-frontend-m-w-x-4516819002/) — Grow and work with our frontend team in an amazing environment, providing personal educational budget and 30d of vacation. 

HOMEDAY   

[Senior JavaScript Developer (Warsaw, Relocation Package)](https://ckeditor.com/join-us/?utm_source=newsletter&utm_medium=paid&utm_campaign=recruitment) — Open source rich text editor used by millions of users around the world. Strong focus on code quality. Join us. 

CKEDITOR   

[One Application, Hundreds of Hiring Managers](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-javascriptweekly&utm_term=tech&utm_content=grouped&utm_campaign=ad-77584) — Use Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. 

Vettery  

📚 Tutorials, Opinions and Stories 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1596204203/r3hq37ibqwtulczlnpym.png)](https://elijahmanor.com/format-js-dates-and-times)  

[Natively Formatting JavaScript Dates and Times](https://elijahmanor.com/format-js-dates-and-times) — Using `Date.prototype.toLocaleDateString()` and related methods. There's a handy graphic that works as a sort of cheat sheet too. 

Elijah Manor   

[What The... is 'Composition'?](https://whatthefork.is/composition) — Dan is back with another entry in his JavaScript glossary digging into the art of bringing numerous things together to make other or bigger things. 

Dan Abramov   

[This Is How Top Engineering Teams Build and Maintain Design Systems](https://designsystems.engineering) — A practical deep dive into building, scaling and maintaining high-quality design systems - for software engineers. 

Frantz Kati sponsor   

[Convert an Array into an Object in JavaScript](https://masteringjs.io/tutorials/fundamentals/array-to-object) — Arrays are already objects of course, but.. 

Mastering JS   

[Simulating Object Collisions on a Canvas](https://joshbradley.me/object-collisions-with-canvas/) — A gentle post walking through what’s involved creating a basic physics simulation using JavaScript and HTML canvas. 

Josh Bradley   

[What 'Polymorphism' Means in JavaScript](https://zellwk.com/blog/polymorphism-javascript/) 

Zell Liew   

[Getting Started with OpenTelemetry in Node.js](https://docs.lightstep.com/otel/getting-started-node?utm_campaign=js&utm_source=cooper&utm_medium=Email) 

Lightstep sponsor   

[My Favorite JavaScript Tips and Tricks](https://blog.greenroots.info/my-favorite-javascript-tips-and-tricks-ckd60i4cq011em8s16uobcelc) — A real grab bag of bits and pieces. 

Tapas Adhikary  

🔧 Code & Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/nwnwgy7za6skhenl4g8j.jpg)](https://vadimdemedes.com/posts/ink-3)   

[Ink 3: Build JavaScript-Powered CLI Apps with React](https://vadimdemedes.com/posts/ink-3) — If you love the terminal and you love React, you’ll love [Ink](https://github.com/vadimdemedes/ink) – it lets you get the same component-based UI approach but at the command line. 

Vadim Demedes   

[moment-guess: A Utility Package for Guessing a Date's Format](https://github.com/apoorv-mishra/moment-guess) — Try it right now with `npx` like so: `npx moment-guess --date 'Fri, January 30th 2020, 10:00 AM'` – the output is then suitable to use with Moment.js. 

Apoorv Mishra   

[Get Rid of BUGS with the BEST JavaScript Code Analyzer – DeepCode](https://deepcode.ai/?utm_source=cooper&utm_medium=email&utm_campaign=JSWeeklySpon1) — DeepCode is an AI-based Sematic Code Analysis. Scan your code in seconds and get the best coverage on the market - Free. 

DeepCode AI sponsor   

[Release: Generate Changelogs with a Single Command](https://github.com/vercel/release) — When run, this command line interface automatically generates a new GitHub Release and populates it with the changes (commits) made since the last release. 

Vercel   

[Waypoint: A VS Code Extension for Navigating JS Codebases](https://waypoint.netlify.app/) — Makes navigating functions, classes, variables, etc. in your JavaScript codebases easier via fast search, filters, bookmarking, importing, and more. [GitHub repo](https://github.com/Raathigesh/waypoint). 

Raathi Kugarajan   

[Aeon: A Lightweight Date Picker Built with Web Components](https://github.com/lamplightdev/aeon) 

Chris Haynes     

**⚡️ Quick releases:** 

- [Superfine 8.0](https://github.com/jorgebucaran/superfine/releases/tag/8.0.0) — A minimal view layer for building Web UIs.
- [Ember 3.20](https://blog.emberjs.com/2020/07/29/ember-3-20-released.html) — The battle-tested batteries-included framework.
- [Mocha 8.1.0](https://github.com/mochajs/mocha/releases/tag/v8.1.0) — The testing framework now builds its browser bundle with Rollup and Babel.
- [Hexo 5.0](https://hexo.io/) — Node based blog framework.
- [Airtable.js 0.9](https://github.com/Airtable/airtable.js) — Client for the cloud database/spreadsheet hybrid app.
- [Middy 1.1](https://github.com/middyjs/middy) — Node middleware for AWS Lambda.
- [Vue 3.0.0-rc5](https://github.com/vuejs/vue-next/releases/tag/v3.0.0-rc.5) — That final 3.0 release gets ever closer...   

🎨 Creative Corner 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1596109036/nyakfskqjsxty7nbebnr.png)](https://github.com/felixrieseberg/macintosh.js)   

[macintosh.js: A Virtual Macintosh Running in Electron](https://github.com/felixrieseberg/macintosh.js) — A working (mostly) virtual machine, emulating a 1991 Macintosh Quadra 900 with System 8, all running in Electron. 

Felix Rieseberg   

[NSFW-Filter: A Browser Extension That Blocks NSFW Images _Locally_](https://github.com/navendu-pottekkat/nsfw-filter) — Regardless of your stance on the matter, what’s interesting here is that [TensorFlow.js](https://www.tensorflow.org/js) is being used to locally screen out ‘NSFW’ images without any data being sent to a third party. How reliable that is remains to be seen. 

Navendu Pottekkat         

Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) 

'JavaScript' is a trademark of Oracle Corporation in the US
We are not endorsed by or affiliated with Oracle. 

[Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom