It’s our epic JavaScript 2018 roundup

#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

jQuery 3.3 was released, much to the relief of the majority who love jQuery but pretend they don’t.
TC39 continued to get and work upon lots of proposals on how to improve the language.
Lin Clark helped everyone understand ES modules, which all major browsers (finally) came to support in 2018.
Martin Fowler announced he was switching his famous Refactoring book from Java to JavaScript for its long-awaited second edition.

webpack 4.0 came out, getting a lot faster and adopting an optional ‘zero config’ approach as favored by competing tools like Parcel.

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

We found out that Microsoft has been rewriting Office 365 in JavaScript.

ECMA published the official ECMAScript 2018 specification, thus ensuring all JavaScript developers had plentiful bedtime reading all summer. Dr. Axel can help if you want to understand it.

Node 10 and npm 6 came out.
Anil Dash asked what would happen if JavaScript became the first-ever truly dominant programming language?

Redux ‘died’, then came back to life, died again, then back to life again.
Oracle’s ownership of the ‘JavaScript’ trademark continued to annoy developers, even prompting a suggestion to rename the language.

2 years of hard work translated into Babel 7 being released.
Microsoft bought GitHub for $7.5b, then they removed jQuery from their frontend. They haven’t moved to Azure as yet.

JSConf US came back to life after a hiatus.
The annual State of JavaScript survey ran, got over 20,000 responses, and told us React continues to flourish, everyone wants to learn Vue.js, and the use of ES6 is now very well established. Also, everyone’s using VS Code now.

Evan You gave us a preview of Vue.js 3.0.

The V8 JavaScript engine turned 10 years old. The work on V8 over the years has been instrumental in making JavaScript as popular as it is now, IMHO.
The React team unveiled Hooks, an experimental feature in React 16.7 that got a lot of React developers very excited and seems as if it may become a key element of React development in 2019.
A popular npm package was exploited causing a lot of discussion about how we prevent such things in future.
Marijn Haverbeke spent the whole year writing a third edition of Eloquent JavaScript. It’s almost finished.
Lots of versions of V8, TypeScript, Vue.js, Jest, React, Angular, Aurelia and Ember came out. We’re not linking them all again 🤣

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.
Hired

📘 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.
JSConf EU

▶  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

Link: https://javascriptweekly.com/issues/417