#417 — December 21, 2018

Read on the Web

JavaScript Weekly

This week we're taking a break from the usual roundup to look back at what happened in the JavaScript world in 2018, as well as the tutorials, videos, and tools you, our fantastic readers 🤗, clicked on the most.

Thanks for continuing to support us in 2018 and we'll be back on January 4th. We hope you have a fantastic holiday season, however you celebrate it. 🎄

Here's to more JavaScript developments in 2019! 🍾
— Peter Cooper, editor

🗞 JavaScript developments in 2018

Make Magic with Creative Coding in Canvas & WebGL 🎩✨ — Use JavaScript to create generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. ✨You'll learn the fundamentals for creative coding jobs like games, advertising, AR/VR and installation artwork!

Frontend Masters sponsor

Please note, this list is just a selection and isn't exhaustive.. you've got our issue archive for that :-)

💻 Jobs

Front End Developer✌️ in Beautiful Norway🎉 — Passion for React & GraphQL? Join our fast growing GraphQL based e-commerce service Crystallize.

Crystallize AS

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.


📘 Top tutorials of 2018

Going Beyond console.log() — While console.log() may form the basis of many people’s debugging strategies, the console object has a lot more to offer, as covered here. This was our top tutorial of the year with over 12,000 of you clicking.

Matt Burgess

33 Concepts Every JavaScript Developer Should Know — A curated collection of links to tutorials on 33 different areas of JavaScript it’s worth understanding well, and not only one of our most popular links but one of the most starred projects on GitHub too.

Leonardo Maldonado

Building Modern Apps with the MERN Stack and Google Cloud Platform — Learn about the two dominant JavaScript stacks: MEAN and MERN and how to implement these web stacks on GCP.

MongoDB sponsor

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. Let's hope we see a 2019 edition!

Cody Lindley

Examples of Everything New in ES2016, 2017, and 2018 — A worthwhile roundup of all the new bits and pieces in recent ECMAScript specs.

Raja Rao DV

What is Redux: A Designer’s Guide — A really neat high-level approach to explaining Redux and what it offers beyond state management. Smashing Magazine really had some amazing tutorials go out this year.

Linton Ye

Designing (Very) Large JavaScript Applications — A written version of a talk given by Google’s Malte Ubl at JSConf Australia that took a high level look at modularity, lazy loading code, and similar concepts. Video, if you prefer that.

Malte Ubl

The Cost of JavaScript in 2018 — A detailed write-up of thoughts and findings on how much effect JavaScript has on page sizes and performance and some ways to improve matters.

Addy Osmani

JavaScript Fundamentals Before Learning React — A concise list of all the different JavaScript functionalities that can be used to complement a React app.

Robin Wieruch

🎬 Top videos of 2018

▶  Write Perfect Code with Standard and ESLint — An intro to getting started with linting (and why - hint: to catch errors in your code) as well as how to improve your setup if you’re already doing it.

Feross Aboukhadijeh

How Do Top Developers Deliver Video? - Download the 2018 Video Report — Hundreds of developers around the world reveal their preferred video streaming solutions.

Bitmovin sponsor

▶  10 Things Node's Inventor Regrets About Node — Original Node.js inventor Ryan Dahl reflected on what he considered to be some early design mistakes with Node.


▶  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 future versions of Chrome and Node.js (some of which we now have).

Mathias Bynens and Sathya Gunasekaran

▶  Learn RxJS in 60 Minutes for Beginners — RxJS is used for reactive programming using observable streams and this is a great ‘from scratch’ crash course.

Gary Simon

🔧 Top code and tools of 2018

30 Seconds of Code: A Curated Collection of Useful JavaScript Snippets — Our most clicked code related item this year was this ever growing collection of useful snippets.

30 Seconds

Angular 7 Released — A major release of Angular came out this year with upgrades for the Angular entire platform from the core framework to Angular Material and the CLI tools.

Stephen Fluin (Google)

Detect JS Production Errors in Real-Time, Then Debug Them in Minutes

Rollbar sponsor

JavaScript Algorithms and Data Structures — JavaScript examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations.

Oleksii Trekhleb

TUI Calendar: An Attractive, Full Featured Calendar Control — From the creators of TUI Chart comes TUI Calendar, a highly customizable JavaScript calendar widget that supports numerous view types (weekly, monthly, etc.), dragging and resizing of schedule items, and is basically like your own Google Calendar in a box. MIT licensed too.

NHN Entertainment

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.

Andrew Welch

Storybook 4.0: The UI Component Workshop — A great tool for building UI components got a major update with support for webpack 4 and 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.

Michael Shilman

Create React App 2.0 Released — A significant release of a project that’s continued to have 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