#381 — April 13, 2018 |
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 Library — react-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 |