Web Design: ES Modules enabled by default in Firefox 60

Friday, May 11, 2018

ES Modules enabled by default in Firefox 60

#385 — May 11, 2018

Guess.js: A Toolkit for Using Data To Improve User Experiences — An interesting project that can use data from Google Analytics combined with machine learning to intelligently pre-fetch resources. Addy Osmani introduced it live at Google I/O earlier this week. There's also a webpack plugin for quickly adding these abilities to React and Angular apps.

Minko Gechev

'I Used The Web For A Day With JavaScript Turned Off' — Is it possible to do much on the web without JavaScript nowadays? This is a neat journey to answer that question that includes tons of insights on improving your own sites.

Chris Ashton

ES Modules Enabled By Default in Firefox 60 — Firefox 60 went live this week and amongst other changes, ES module support went live. Lin Clark's fantastic deep dive is a great intro to what this means for JavaScript developers. This now means all major, current browsers now support ES modules, hurrah!

Mozilla

Convert Your Java Project to Kotlin - Free Screencast — The author of "Kotlin: The Big Nerd Ranch Guide" offers a free online tutorial filled with tutorials, tips and best practices to raise your game. Check it out.

The Frontier by Big Nerd Ranch sponsor

▶ Build The Future of the Web with Modern JavaScript — A Google I/O presentation presenting an overview of cutting-edge JavaScript features, plus what to expect in Chrome and Node.js soon.

Mathias Bynens and Sathya Gunasekaran

JavaScript Comes to Microsoft Excel — At Build, Microsoft announced that Excel has gained functionality to execute custom JavaScript functions locally to add more power to existing Excel formulas.

Microsoft

A Gentle Introduction to Prepack — Prepack is a tool that recompiles your JavaScript code to faster JavaScript code.

Dan Abramov

Learn Enough JavaScript to Be Dangerous — A new book (available to read online) from the esteemed creator of Rails Tutorial that teaches how to use JavaScript as a general-purpose programming language. Looks very solid.

Michael Hartl

Introducing Spec by Slack – A Developer Conference on May 22

Slack sponsor

Real-time Human Pose Estimation in the Browser with TensorFlow.js

Dan Oved (Google Creative Lab)

'My Struggle to Learn React' — A veteran Web designer shares his struggle.

Brad Frost

💻 Jobs

Senior Frontend Developer at Nested.com, a London Based Startup — We're looking for frontend developers to join our growing team. We're using technology to reinvent the broken industry that is UK property.

Nested

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.

Sticker Mule

JavaScript Expert? Sign Up for Vettery — Top companies use Vettery to find the best tech talent. Create your profile to get started.

Vettery

🎬 Videos

How 'Named Params' Destructuring Works — In just 5 minutes.

Wes Bos

What's New in Angular — Including a peek at things coming in future.

Stephen Fluin and Kara Erickson

📘 Tutorials

Sending Web Push Notifications from Node — The full process of sending push notifications from an Express app to a front-end JS app.

Valeri Karpov

Top 10 JavaScript Errors and How to Avoid Them — 📈 Data collected from 1,000+ real-world JS applications. Learn more.

ROLLBAR sponsor

Build Time Travel Debugging in Redux From Scratch

Trey Huffine

Using 'npm audit' to Identify Insecure Dependencies — npm 5.10 and 6.0 include the ability to perform a security review of dependencies.

The npm Blog

An Angular.js Guide for Seasoned Developers — Two parts so far, part two is here.

Seva Zaikov

🔧 Code and Tools

Top JavaScript VSCode Extensions for Faster Development

Arfat Salman

webpack-serve: A Lean, Modern, and Flexible webpack Development Server

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.

Wallaby.js sponsor

Cancelable Async Flows (CAF) — Add support for external cancellation to asynchronous-style functions.

Kyle Simpson

GitHub Contribution Chart Generator — Generate an image of all your GitHub contributions since you joined.

Sallar Kaboli

List: A Fast Immutable List with a Functional API — A purely functional alternative to arrays.

Simon Friis Vindum

isomorphic-git: A Pure JavaScript Implementation of 'git'

isomorphic-git

Ultradom: A Minimal View Layer for Building Declarative Web UIs

Jorge Bucaran