#381 — April 13, 2018

Read on the Web

JavaScript Weekly

The Front-End Developer Handbook 2018 Edition — An online guide that outlines and discusses the practice of front-end engineering, how to learn it and what tools are used in the practice, as of 2018.

Cody Lindley

Write Your Own Promise Library from Scratch — Async/await is based on promises, so understanding this popular async primitive is a must.

Valeri Karpov

Understanding TypeScript’s Type Notation — Dr. Axel presents a handy guide to the static type notation used in TypeScript, the optionally typed JavaScript superset, and promises you’ll understand an initially cryptic code example by the end of his post.

Dr. Axel Rauschmayer

Improve the Quality of Your JavaScript Projects with Codacy — An automated code review tool that allows developers to improve code quality. We check your code against the most popular JS static analysis tools, with specific plugins for Vue, Angular and React. Sign up for free and improve your coding.

Codacy sponsor

Optimizing React: The Virtual DOM Explained — A beginner-friendly intro to React’s internals that attempts to demystify JSX and explain how React makes rendering decisions.

Alexey Ivanov and Andy Barnov

How to Escape async/await 'Hell' — Take care you don’t escape from ‘callback hell’ only to fall into bad practices using async/await instead.

Aditya Agarwal

Why React Needs Yet Another Animation Libraryreact-spring is a set of physics-based UI animation ‘building blocks’. GitHub repo.

Paul Henschel

Demo: Object Detection in the Browser with TensorFlow.js — Take care as a 40MB machine learning model gets downloaded, but this is a neat browser-based demo of TensorFlow.js that leans on YOLO for object recognition.

ModelDepot

What's New in Angular 6?Angular 6 RC4 is out with the final Angular 6 due any moment, but what’s new?

Phani Kiran G

AngularConnect 2018 - Europe’s Largest Angular Conference — Join us to hear from 40+ speakers including the core Angular team. Our CFP is open & tickets available now.

AngularConnect sponsor

📖 Articles and Tutorials

Abusing Proxies for DSLs — Be sure to read the disclaimer, but it’s interesting stuff to think about.

Mike Cluck

List Processing with map, filter, and reduce

Peleke Sengstacke

A Practical Guide to Angular Elements

Nitay Neeman

Learn JavaScript Free for 10 Days — Writing front-end code? In need of back-end server skills? Start a 10-day trial to sharpen your dev skills.

Pluralsight sponsor

How to Build a Server-Side Rendered App with Preact, Unistore and Preact Router — Preact is a lighter alternative to React but with the same API.

Yomi Eluwande

Using Async Iteration Natively in Node — How async iteration over streams will work in Node 10.x.

Dr. Axel Rauschmayer

▶  Vue in Motion — A 35 minute talk on using UI animation in Vue apps.

Rachel Nabors

Jobs

UX/UI Designers - Milan, Italy — MotorK is looking for passionate Junior and Senior UX/UI Designers to join the team. Great place to work and career opportunities.

MotorK

Senior Front-End Engineer, React/Redux — At Manifold, we’re creating the world’s largest independent cloud marketplace. Made by developers who care, for developers who care.

Manifold

No Search, No Spam, No Hassle — SW Engineers in NY & SF: Get opportunities personalized to you. Discreetly create a profile on Woo.io today.

Woo.io

🔧 Code and Tools

Redux 4.0.0-rc1 Released — The final 4.0 is due next week but you can experiment now.

Tim Dorr

The Microsoft JavaScript API Browser — Bill itself as your ‘one-stop shop’ for all of Microsoft’s JavaScript-based APIs (e.g. for Azure and SharePoint).

Microsoft

Cytoscape.js: Graph/Network Visualization and Analysis Library

Cytoscape Consortium

shallow-render: Angular 5 Testing Made Easy with Shallow Rendering and Easy Mocking

Brandon Domingue

Build a Simple Shopping Cart based on MongoDB, Express, Angular, and Node

mongodb sponsor

JavaScript State Machine: A Finite State Machine Library

Jake Gordon

virtual-audio-graph: Declaratively Manipulate the Web Audio API — The documentation and examples here may help you understand this.

Benji Hall

🐦 Seen on Twitter

Allen Wirfs-Brock on Twitter