#409 — October 26, 2018
Read on the Web
Introducing React ‘Hooks’ — Hooks are a proposed new feature for using state and other React features without writing classes. You can try them out in an alpha build of React 16.7 and keep up with discussion in this RFC.
WebAssembly’s Post-MVP Future: A Cartoon Skill Tree — A fantastic guide to understanding where WebAssembly fits into the big picture, what’s yet to come, and what impact WebAssembly could have on the Web.
⚛️ New Course: Complete Intro to React, v4 — Learn to build real-world applications in React. Much more than an intro, you’ll start from the ground up all the way to using the latest features in React 16+ like Context and Portals. We also launched a follow up course, Intermediate React.
Frontend Masters sponsor
Playing Mortal Kombat with TensorFlow.js — A detailed walkthrough of what it took to building a posture classification algorithm using TensorFlow.js and MobileNet in order to play the ‘beat-em-up’ game Mortal Kombat.
Google Chrome Developers
LazyBrush: Smooth Canvas Drawing with Any Pointing Device — Uses a mechanism to allow users to create smooth lines and curves. Works with both mouse and touch. The demo is neat.
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.
ReactJS Developer at Komoot (Remote) — Millions get inspired and plan adventures with our apps. To help us make Komoot the place to go to plan outdoor adventures, we’re looking for an ambitious React developer to join our team.
Join Our Career Marketplace & Get Matched With A Job You Love — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.
📘 Tutorials and Opinions
The Intl.RelativeTimeFormat API — Enables localized formatting of relative times without sacrificing performance. Chrome 71+ only so far.
The Importance of Readable and Reusable Tests: Why We Built Gauge — Strong design opinions can cause teams to over-engineer test suites, making maintenance hard. Gauge solves this, helping you to create easy to maintain tests.
▶ Internationalize your Web Applications with Globalize.js
▶ Create an Engaging Native Mobile App with Vue and NativeScript
How to Create Custom HTML Markers on Google Maps
Top 10 Things to Avoid When Considering Low-Code
Progress Kinvey sponsor
Isoline Routing in an Angular Application using the HERE Routing API — Isoline routing is used to calculate an area that can be reached within a certain travel time or distance.
🔧 Code and Tools
A Promises and async/await Cheatsheet
clean_logs: A Better console.log for the Browser — Wraps around console.log, produces nicer output and provides logging levels.
Glean: A Refactoring Tool for React Code
What Does JSBin, Nuxt, Code Sandbox, and Material-UI Have in Common? — They all use CodeFund to provide passive income for their projects. Find out if CodeFund can help you.
IronDB: A ‘Relentless’ Key-Value Store for The Browser — Relentless in the sense that it redundantly stores data in multiple browser stores (i.e. in cookies, localStorage, sessionStorage & IndexedDB) and tries to ‘self heal’ upon data loss.
React v16.6.0 Released — More about this in this week’s React newsletter.
Squirrelly: A Fast, Lightweight, and Simple JS Template Engine — Only 2.6KB gzipped and supports partials, helpers, filters, and native code.
face-api.js: Face Detection and Face Recognition in the Browser — Uses TensorFlow.js.
LibertyJS (Nov 1-2 in Philadelphia, PA) — Two days of talks and workshops.
ffconf (Nov 8-9 in Brighton, England) — A one day event (but repeated on two consecutive days) that’s popular amongst front-end developers in the UK and historically attracts some amazing talks.
CascadiaJS (Nov 15-16 in Seattle, WA)