#410 — November 2, 2018
Read on the Web
An Annotated webpack 4 Config for Frontend Development — A very thorough example of a real-world production webpack 4 config that takes modules, CSS, and image optimization into account.
Storybook 4.0: The UI Component Workshop — A great tool for building UI components gets a major update which includes support for webpack 4 & Babel 7, React Native, Ember, Svelte, Riot, and more, plus improvements for existing React, Vue and Angular users. If you’re not familiar with Storybook, learn more here.
Planning an Angular Application: Whitepaper — Angular devs—take a look at this checklist of things to consider when planning your next Angular app. Make an informed decision about tooling choices during development all the way through to deployment. Get your free copy today.
Progress Kendo UI sponsor
Carlo: Chrome as a ‘Web Rendering Surface’ for Node Apps — Uses Puppeteer to communicate between a Node app and an existing, locally installed Chrome instance.
Google Chrome Labs
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.
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 Forgotten History of OOP
Learn to Build a Simple Progressive Web App with Angular and Lighthouse — A step-by-step guide to building a Hacker News clone PWA using Angular and Lighthouse.
Integrate Video Calling Directly in a Chat App with WebRTC — Allow users to initiate video chats right in any chat app with WebRTC and ChatEngine.
A Simple Intro to React Hooks — Learn how React’s new Hooks feature works, and how Hooks can make your code cleaner and easier to write.
A Look at V8 Release Version 7.1 — A look at some of the highlights of the 7.1 release (in beta until Chrome 71 Stable arrives).
Getting Started with Vue Plugins
🔧 Code and Tools
Ricardo ‘mr doob’ Cabello
A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and displays the results of expressions right in your editor as you type.
randexp.js: Create Random Strings That Match a Given Regular Expression — For example /hello+ (world|to you)/ could generate hellooooooo world.
A Minimalist Dark Design System for Vue.js — Love the description of “components designed for the insomniacs who enjoy dark interfaces as much as we do.”
Nada Rifki and Julien Le Coupanec
Easily Integrate Ext JS Components into React Apps – View Examples
Dinero.js: Immutable, Chainable API to Work with Monetary Values
Ervy: ASCII Bar, Pie, and Other Charts on the Terminal