Frontend

JavaScript Private Fields and Methods

The class fields proposal provides private fields for classes and instances to JavaScript. With this proposal, any class element can be private.

ES2021 WeakRef and FinalizationRegistry

ECMAScript2021 introduces new features WeakRef and FinalizationRegistry to manage garbage collection.

Normalizing Redux State for Performance

Normalize Redux state by flattening nested data into separate entities with IDs, enabling simpler reducers and faster lookups.

ES2021 Promise.any and AggregateError

ES2021 introduces Promise.any() which resolves with the first fulfilled promise, and AggregateError for handling multiple rejections.

ES2021 replaceAll and Numeric Separators

ECMAScript 2021 introduces replaceAll() method and numeric separators for better string manipulation and number readability.

Babel 7.14 Class Fields by Default

Starting from Babel 7.14 @babel/plugin-proposal-class-properties and @babel/plugin-proposal-private-methods plugins are enabled by default in @babel/preset-env.

ES2021 Logical Assignment Operators

ES 12/2021 introduces new logical assignment operators for nullish(??=), AND(&&=) and OR(||=).

How to investigate your build size in Webpack

Let us look at a few handy tools that can help us in analyzing and reducing our bundle size.

Webpacker is the new default in Rails 6

Webpacker is the new default JavaScript compiler instead of Sprockets in Rails 6