Weekend JavaScript



ISSUE #126

Make your code cleaner with ES6, cracking a JavaScript interview, and more


HEADLINES

🚀webpack 4 beta — try it today!🚀

webpack 4 beta is here! Faster, smaller, builds, WebAssembly, AutoCommonsChunk, #0CJS, and even more capabilities! ❤ ❤ ❤


📦 Parcel v1.5.0 released: Source Maps, WebAssembly, Rust, and more! 🚀

Today I’m super excited to release Parcel v1.5.0, the largest release since 1.0! Check it out on Github! It has been just under 2 months since Parcel’s initial announcement, and the response has been…


CSS Paint API | Google Developers

Houdini’s CSS Paint API allows you to programmatically draw CSS images.


jQuery 3.3.0 | Official jQuery Blog

A fragrant bouquet of deprecations and…is that a new feature?


SPONSORED

Developer Academy – Training-as-a-Service Technical L&D Programs

Our Training-as-a-Service model delivers greater access to learning in a more flexible, robust and efficient way. Developer Academy is a one-stop shop for technical training that engineers will like and use. We offer more than 130% more than the industry average in technical training to your developers without increasing your budget.


MODERN JAVASCRIPT

Make Your Code Cleaner, Shorter and Easier to Read! ES6 Tips and Tricks. | Sam Williams

Here is a list of some of the best bits that have been added to JavaScript in ES6.


A perfect guide for cracking a JavaScript interview (A developer’s perspective) | Naren Arya

The JavaScript(JS) interviews are not easy. I accept it, you accept it and, everyone does. The number of possibilities of questions could be asked in a JavaScript interview are high. How one will be…


5 Tips and Thoughts on Async / Await Functions | J Cole Morrison

Async / Await tips - Using try/catch; Testing with Mocha, Sinon, and Chai; Using with core node modules; Using with AWS SDK; When to use.


GitHub - wearehive/project-guidelines: A set of best practices for JavaScript projects

project-guidelines - A set of best practices for JavaScript projects


Top 10 JavaScript errors from 1000+ projects (and how to avoid them) | JASON SKOWRONSKI, Rollbar

We looked at our database of thousands of projects and found the top 10 errors in JavaScript. We’re going to show you what causes them and how to prevent them from happening. If you avoid these


WEBPACK

Keep webpack Fast: A Field Guide for Better Build Performance

Poor performance is the norm and not the exception. But it doesn’t have to be that way, and so — after many hours of research, trial, and error — what follows is a field guide offering up what we learned on our path towards a faster build.


NODE

Testing your npm package before releasing it using Verdaccio + ngrok | Strapi

In this post, we’re going to explain how to create a public npm registry dedicated for testing your npm package on both your machines and servers before releasing it officially.


FRAMEWORKS

Functional Programming in JavaScript with Hyperapp | Ali Spittel

I kinda feel like a traitor given my pretty long history with Vue and React, but I think I have a new go-to frontend framework. Hyperapp is everything that I wanted Elm to be -- it's easy to build code with, highly organized, and state is handled flawlessly. That being said, it's not as production ready as the aforementioned frameworks, but once it is I can see it being huge.


REACT

Upgrading a create-react-app project to a SSR + code splitting setup | Andrei Duca

Since its inception, create-react-app is a great tool for rapidly prototyping React apps, demos and testing different features or techniques. That was, and still is, the main idea behind it. Its…


GitHub - ajayns/react-projects

A collection of projects built on the React framework


VUE

What’s new in Vue Devtools 4.0 | The Vue Point

A big update was released to the Vue devtools just a few days ago. Let’s dive into the new features and improvements! 🎄