Jest 23, TypeScript 2.9, and an alternative to Babel

#388 — June 1, 2018
Read on the Web

JavaScript Weekly

I’m in San Francisco next week exhibiting and speaking at DevXCon about JavaScript Weekly 🙂 It’s a developer relations conference, so if you know any DevRel people located near SF, let them know as I believe some tickets are still available.
Due to next week’s travel, JavaScript Weekly will lean on submissions more than usual, so if you want to submit stuff for us to consider use this nifty submissions form or just hit reply 🙂 Thanks!
— Peter Cooper, editor

Jest 23 Released: Even Faster JS Testing — Jest is a popular JavaScript testing tool and when webpack switched from Mocha to the Jest 23 beta, they saw a 6x speed improvement for their test suite.. There’s also a talk about Jest 23 if you prefer a video guide.
Rick Hanlon II

Simplifying Web Worker Code with Comlink — Web Workers help you offload work from the main thread to other threads but they can be tricky to manage. This tutorial presents a solution (from Google, no less): Comlink, a small RPC library.
David East

How to Design Services for Continuous Deployment: 3 Best Practices — The benefits of continuous delivery are well-documented elsewhere. In this post I want to share some of the practices that we use at CircleCI to ensure that our services can safely be deployed continuously.
CircleCI sponsor

A JavaScript String Methods Cheatsheet — A very handy reference covering not quite every string method but certainly the truly useful ones.
Dr. Axel Rauschmayer

TypeScript 2.9 Released — The JavaScript superset that brings optional static types to JS takes another step forward at both the editor support and language level. One new feature is import() types which this article explains. If you’re totally new to TypeScript, this is a good primer.
Microsoft

Sucrase: A Super-Fast Alternative to Babel.. in Certain Situations — Compiles down to modern JS runtimes only (rather than ES5) and focuses on compiling down JSX, TypeScript and Flow which results in a smaller scope with more performance optimizations to be had.
Alan Pierce

UTC is Enough for Everyone, Right? — A really neat article that goes from the history of time itself through to standardization and working with time in both JavaScript and HTML.
Zach Holman

Deno: A Secure TypeScript Runtime on V8 6.8 — An interesting idea from the original creator of Node.js, Ryan Dahl. It’s built with Go, is not Node or npm compatible, and is.. ‘segfaulty’ 🙂
Ryan Dahl

💻 Jobs

Sr. Fullstack Engineer (Remote) — Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work.
Sticker Mule

JavaScript Expert? Sign Up for Vettery — Top companies use Vettery to find the best tech talent. Take a few minutes to join our platform.
Vettery

🎬 Videos, Screencasts and Talks

On React Suspense — A look at React’s vision for async rendering.
Andrew Clark

Azure Tips and Tricks Video Series — Collection of short videos on using the Azure platform. New videos are released weekly. Subscribe now.
Azure sponsor

Using Async Generators to Stream Data in JavaScript
Fun Fun Function

📘 Tutorials

From Vanilla JS to Vue.js: A Refactoring Tale
Peter Mbanugo

Creating UIs with Angular Material Design Components — How to create a simple Angular app with a UI built from Angular Material components.
Ahmed Bouchefra

Transparent Wrapper Components in Vue
Kevin Ball

Revising Useful JavaScript Array and Object Methods — Write cleaner code by making use of modern array and object methods.
Robert Cooper

Deploy Your Webpack Apps to Heroku in 3 Simple Steps
Rajesh Babu

Live Session: Learn to Build a Slack Integration — Join us June 12 for a live demo of Slack’s new developer features. Tune in from anywhere, & bring questions.
Slack sponsor

GraphQL: Everything You Need to Know — Not directly about JavaScript but this did very well on our @JavaScriptDaily Twitter, so why not?
Weblab Technology

From npm to yarn and Back (to npm) Again — When seeking better performance is a bit like switching lines at the grocery store.
Mixmax Engineering Blog

🔧 Code and Tools

Critters: Webpack Plugin to Inline Critical CSS and Lazy-Load the Rest
Google Chrome Labs

CurrencyFormatter.js: Easy Formatting of Values in 155 Currencies — Contains 155 currency and 715 locale definitions out of the box.
OSREC Financial

Eager Code Evaluation Done Right
Wallaby.js sponsor

jquery-calendar: A Responsive jQuery Calendar Scheduler Built with Bootstrap and Moment.js — It’s not often we get to include something about jQuery these days!
Arrobe

Minipack: A Simplified Example of a Module Bundler Written in JS — The aim is to show how most bundlers work under the hood.
Ronen Amiel

Subliminal: An Opinionated Minimalistic VS Code Theme for JS
Dan Abramov

Mermaid: Generate Diagrams and Flowcharts From Text — Converts text to diagrams and flowcharts (a la Markdown). GitHub repo.
Knut Sveidqvist

Proppy: Functional Props Composition for UI Components — Can integrate with React, Vue, Preact, Redux, and RxJS.
Fahad Ibnay Heylaal

Link: https://javascriptweekly.com/issues/388