TENJAVASCRIPT

10 fresh write-ups from the JavaScript world. Comes out every Friday (or Saturday if I'm overloaded).

1164 subscribed.
1.

JS one-liners 😻

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.

2.

Performance optimized JS architecture

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

3.

JavaScript Symbols: But Why?

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?

4.

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.

5.

Computer science in JavaScript: Linked list

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.

6.

JavaScript Performance Pitfalls in V8

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.

7.

Reducer organization — taking a step further

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.

8.

How Are Function Components Different from Classes?

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:

9.

Migrating to TypeScript: Five Practical Tips

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.

10.

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.

Even Older Issue →