Create React App 2.0, the next Vue.js, and lots of VS Code goodies

#406 — October 5, 2018

Read on the Web

JavaScript Weekly

This past week JavaScript Weekly surpassed 150,000 subscribers. Over the past eight years it's been a pleasure to share projects, advice, and news with you, and see how JavaScript continues to grow and grow. We don't do it often, but sometimes its nice to mark such a milestone — if you're reading this I just wanted to say thanks. :-)
— Peter Cooper, editor

A Beginner's Guide to JavaScript Prototypes— It’s aimed at beginners but this guide is really extensive and packed with examples, so it’s worth a skim unless you’re Kyle Simpson or something :-)

Tyler McGinnis

Plans for the Next Iteration of Vue.js— The creator of Vue.js, a popular alternative to things like React and Angular, gives a ‘brief sneak peek’ at what’s coming in the next major version of Vue, Vue 3.0.

Evan You

Accurately Locate Users By IP Address— Use our fast IP Geolocation API to reliably locate users, personalize content, analyze traffic, enrich forms, target ads, enforce GDPR compliance, perform redirections, prevent trial abuse, block certain countries and more. Get started with a free API key.

ipdata sponsor

Create React App 2.0 Released— A significant release of a project that’s had a huge effect on the adoption of React by making it easier to get a project started. Psst.. we have a React newsletter too.

Joe Haddad and Dan Abramov

The Node.js Foundation and JS Foundation Plan to Merge— Isomorphic foundations! This could also explain why the forthcoming Node+JS Interactive conference was renamed from JS Interactive recently :-)

The Linux Foundation

'Goodbye' JavaScript, Hello WebAssembly— It’s not been pushed to its full potential yet, but WebAssembly (a binary instruction format that compilers can target to run code fast in the browser) opens up a lot of potential for the Web, though, as Ed notes, JavaScript continues to have a role to play.

Ed Charbeneau

How To Build a News App with Angular 6 and Material Design— We always love a good Smashing Magazine walkthrough - this time out, it’s about building a basic news app (for both desktop and mobile) using Angular and Google’s Material Design principles.

Rachid Sakara

Awesome VS Code: A Curated List of VS Code Packages and Resources— Yep, it’s one of those‘awesome’ lists - this time it’s a list packed with over a hundred links to themes and extensions, both language specific and general productivity ones.

Valerii Iatsko

💻 Jobs

JavaScript Developer at X-Team (Remote)— We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team.

x-team

Mid-Level Front End Engineer @ HITRECORD (Full Time, Los Angeles)— Our small dynamic team is looking for an experienced frontend developer to help build and iterate features for an open online community for creative collaboration.

Hitrecord

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.

Hired

📘 Tutorials and Opinions

Building a Complex Financial Chart with D3 and d3fc— Reproducing the sort of graph you might see on Yahoo Finance, say.

Colin Eberhardt

Using React/JSX as a Server-Side Templating Language— Using React function components to render your website’s skeleton index.html

Kent C. Dodds

Barcode Detection in a Web Worker using Comlink— Comlink is a library that makes WebWorkers more transparent to work with.

Paul Kinlan

5 Reasons Why You Might Want to Join Us for SIGNAL on Oct 17 & 18

Twilio sponsor

What's New with Components as of Ember 3.4

David Tang

Working with Babel 7 and Webpack— Goes through setting up a project with Webpack and Babel 7, highlighting the basics of Babel plus some cool features of what it can do with your code.

Jan D'Hollander

Professor Frisby's Mostly Adequate Guide to Functional Programming— If you’ve got some spare time at the weekend and want to get into some FP with JS, this is a good read.

Lonsdorf, Benkort, Takle, et al.

How to Build Serverless Vue Applications with AWS Amplify— We also have a serverless newsletter if that’s your kinda thing.

Nader Dabit

A Very Basic Introduction to Custom Elements

James Robb

🔧 Code and Tools

Husky: Git Hooks Made Easy— Prevent bad commits, pushes, etc. by running tests or more automatically. 1.0, now just out, is a complete rewrite in TypeScript.

Typicode

The TDD Experience That Gives You In-Line Test Results as You Type— Wallaby catches errors in your tests and displays the results of expressions in your editor, in real-time.

Wallaby.js sponsor

Sal: Lightweight Scroll Animation Library— Coming in at just 2.8KB, this vanilla JS library is performance focused with no dependencies. GitHub repo.

Mirosław Ciastek

Highground.js: ES6-Focused Unit Testing— Highground is currently in beta and presents an alternative fast and easy way to test ES6 apps.

Daniel Stern

ekill: A Chrome Extension to 'Nuke' Annoying Elements on a Web Page— Could be useful in development as well.

René Hansen

Automated Visual Testing and Reviews on Each Commit— Replace time-consuming manual QA to catch visual UI bugs automatically and start deploying faster.

Percy sponsor

Wax: Experimental, JSX-compatible Renderer for the Web Audio API— An interesting idea that brings a JSX-style approach for managing audio nodes.

James Wright

imgToAscii: A JavaScript Image to ASCII Converter— Runs in the browser, too.

Victor Ribeiro

Fanray: A Blog System Built with ASP.NET Core and Vue.js— Runs on .NET Core 2.1 and SQL Server.

Ray Fan