Weekend JavaScript Newsletter

ISSUE #163

JavaScript One-liners, Symbols, Fetch API, And More


JS one-liners 😻 | Hitesh Kumar

I am a huge fan of Arrow functions. They have changed the way we write code. They have cured the cloudy behaviour of this. They let us define functions without function keyword 😅. This article collates one-liners — written using arrow functions — with their explanations.

Performance optimized JS architecture | David Lorenz

tl;dr: I recently updated my Portfolio and applied a lot of performance-related techniques. This is about the technologies that I used to achieve better loading and compression behaviour. T

JavaScript Symbols: But Why? | Thomas Hunter II

Symbols, the newest JavaScript primitive, bring a few benefits to the language and are particularly useful when used as object properties. But, what can they do for us that strings cannot?

JavaScript Fetch API Cheatsheet

However in the modern browser fetch should be mostly natively supported. I still see a lot of people rely on libraries like axios, eventhough axios can be nice, why add a dependency to your app when you can just use the native fetch API built into the browser.

Computer science in JavaScript: Linked list | Nicholas C. Zakas

A linked list is a data structure that stores multiple values in a linear fashion. Each value in a linked list is contained in its own node, an object that contains the data along with a link to the next node in the list. The link is a pointer to another node object or null if there is no next node.

JavaScript Performance Pitfalls in V8 | Benedikt Meurer

In recent years, JavaScript engines have improved on all fronts. The performance of JavaScript has reached a level where it can easily compete with programming languages that have traditionally been considered more appropriate for high-performance computing.


Reducer organization — taking a step further | Andrey Goncharov

We’re going to overview evolution of reducers in my Redux/NGRX apps that took place over the last two years. Starting from vanilla switch-case, going to selecting a reducer from an object by key, finally settling with class-based reducers.

How Are Function Components Different from Classes? | Dan Abramov

So where does that leave us? Are there any fundamental differences between React functions and classes at all? Of course, there are — in the mental model. In this post, I will look at the biggest difference between them. It existed ever since function components were introduced in 2015 but it’s often overlooked:


Migrating to TypeScript: Five Practical Tips | Arlan Jaska

At Affinity, we recently finished converting over 100k lines of JavaScript to TypeScript. The conversion took around a year with a relatively low-overhead process, and was totally worth it.

Setting Up Vim For TypeScript

TypeScript is a transpiled language that allows using types in your JavaScript code (strictly saying it’s a superset of JavaScript) and thus catching errors at compile time and making the code more reliable.


10 npm Security Best Practices | Snyk

In this cheat sheet edition, we’re going to focus on npm security and productivity tips for both open source maintainers and developers. So let’s get started with our list of 10 npm security best practices, starting with a classic mistake: people adding their passwords to the npm packages they publish!


Upload Files To S3 Using Lambda and API Gateway (SERVER LESS) | Kanishk Srivastava

We will be using pre-signed URLs, Lambda Functions and API Gateway for this process.


30 Seconds of Knowledge

Become a better Developer, one New Tab at a time!

How to render 3D in 2D canvas

This article shows how to render 3D by only using the native 2D Canvas API in JavaScript.

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.
1008 have already joined.