Weekend JavaScript Newsletter

Weekend JavaScript

Top JavaScript news and articles straight into your inbox every Friday. Everything you need to be successful in your career. From the new hot web frameworks to IoT and robotics.
673 have already joined.

ISSUE #173

WebAssembly at eBay, Antd 4 Plans, OOP in JavaScript, and more


TOP STORIES

Ant Design 4.0 is in progress!

At this moment, we are thinking: Ok then, what’s next? What can we do to make Ant Design going further?** It is the time to plan for the Ant Design 4.0**! 🍻 Following is the detail plan about 4.0. We may adjust some of them since it’s still in planning.


WebAssembly at eBay: A Real-World Use Case

From the time it was announced, WebAssembly caused a huge buzz in the front-end world. The web community readily embraced the idea of taking code written in programming languages other than JavaScript and running that code in the browser. Above all WebAssembly consistently guarantees native speeds much faster than JavaScript. At eBay, we were no different.


JAVASCRIPT UPGRADE

ADV JavaScript Upgrade Screencast 22% Off

I run a screencast series exploring the JavaScript language, frameworks and libraries. A new video comes every weekend. Here are the last ones: "A Quick Introduction To TypeScript", "Building a Chrome Extension With React", and "Trello-like task manager with react-beautiful-dnd". More are coming. 👋 For the WeekendJS subscribers, this link will give you 22% off.


MODERN JAVASCRIPT

Fundamental Object Design Patterns in JavaScript | Severin Perez

A review of four key object design patterns in JavaScript, including: the factory pattern; the constructor pattern; the pseudo-classical pattern; and, the object linked to other object pattern.


Functional JavaScript: Five ways to calculate an average with array reduce | James Sinclair

The JavaScript array reduce method seems to give people trouble. Part of the reason is that many tutorials start out using reduce only with numbers. So I wrote a previous article about the many other things you can do with reduce that don’t involve arithmetic. But what if you do need to work with numbers? How do you use reduce for real-world arithmetic problems?


9 JavaScript Interview Questions | Bret Cameron

JavaScript is considered a great language for beginners. It’s partly because of its wide use on the internet, and partly because several of its features make it possible to write less-than-perfect…


JavaScript's for loop is surprisingly fast

In this post I'm going present a very simple benchmark comparing a standard for loop in JavaScript (using node) with an equivalent written in C. The benchmark will compute the sum of all the elements in an array squared.


Javascript: Understanding async/await | Rohit Malhotra

async/await makes it easier to work with asynchronous code in javascript. Understand how it works and why we should use it is important to get the best out of it. To truly understand async/await, we…


OBSERVABLES

RxJS: Hot, Cold, Finite, Infinite, Unicast and Multicast Observables explained | Will Taylor

There are a lot of new concepts and terminology that come with RxJS, and it can be tricky to get your head around all of it. In my opinion, the best way to fully understand these concepts is to go back to basics and take a more detailed look at how observables and observers really work. From this, many of the more advanced RxJS concepts follow quite naturally.


TYPESCRIPT

TypeScript interface vs. type

Should it be an interface or a type alias? This is a question asked a lot by newcomers. Let me clarify the difference.


SERVERLESS

Serverless CRUD API using AWS Lambda, DynamoDB, API Gateway and Node.JS

Learn how to use the power of the cloud - AWS to create serverless API with Node.JS, Lambda, DynamoDB, API Gateway and of course express.


REACT

Secrets of JavaScript: a tale of React, performance optimization and multi-threading | Leo Fabrikant

The task seemed simple enough: “Here is a data set retrieved from a backend. It contains 13,000 items with very long, wordy names (Scientific Organizations). Make a search bar with an auto-suggest…


GitHub - bluebill1049/react-simple-animate

🎯 React UI animation made easy.


TESTING

The perfect unit testThe perfect unit test | Jack Franklin

There’s a common theme I find with people who tell me that they don’t find unit testing useful, and it’s normally that they are writing bad tests. This is completely understandable, particularly if you’re newer to unit testing. It’s hard to write good tests and it takes practice to get there. All the things we’re going to talk about today were learned the hard way; the pain of bad unit tests lead me to creating my own rules for how to write a good unit test. It’s these rules that we’re going to talk about today.


TOOLS

GitHub - FullHuman/tosin

Initialize a npm package with everything included, from CI to documentation website


Flex Layout Editor (Online Flex HTML Generator)

Welcome to online flexbox HTML generator tool, with interactive flex layout examples, this is basically free online CSS flex (flexbox) layout design editor. Includes CSS and HTML source code generator (copy to clipboard) tool. It was written in JavaScript and created strictly for those hungry for learning CSS Flex in all of its manifestations, quickly and easily. Or at least see how it works in action without having to write any code.