Sliced
Discoveries

Discoveries #16 - JavaScript

In the first discoveries of 2022 I would like to offer you some interesting links to JavaScript articles that have general language features as their topic or extend them in a clever way. The language (respectively the ECMA standard behind it) is growing from year to year and it is exiting to see how it is expanding.

  • Modern Javascript: Everything you missed over the last 10 years
  • How can I define an enum in JavaScript?
  • 'export default thing' is different to 'export { thing as default }'
  • Dynamic, Conditional Imports
  • 10 Client-side Storage Options and When to Use Them
  • An Intro to JavaScript Proxy
  • The Observer Pattern in JavaScript - The Key to a Reactive Behavior
  • Why JavaScript Developers Should Prefer Axios Over Fetch
  • Toolkit for managing multiple promises
  • Promisify an entire object or class instance

Modern Javascript: Everything you missed over the last 10 years

by Sandro Turriate 
https://turriate.com/articles/modern-javascript-everything-you-missed-over-10-years

Sandra has written this post about the language features of ECMA Script 2020 a couple of months ago as a kind of CheatSheet, with runnable examples and a lot of useful background knowledge.

Modern Javascript: Everything you missed over the last 10 years

How can I define an enum in JavaScript?

by Angelos Chalaris 
https://www.30secondsofcode.org/articles/s/javascript-enum

Angelos describes is this post, two different ways to define enums in JavaScript, as you might know them other languages.

How can I define an enum in JavaScript?

'export default thing' is different to 'export { thing as default }'

by Jake Archibald 
https://jakearchibald.com/2021/export-default-thing-vs-thing-as-default/

IMPORT and EXPORT are a fine way to separate code, but you need to know and keep in mind a few things, as Jake shows us here.

'export default thing' is different to 'export { thing as default }'

Dynamic, Conditional Imports

by Chris Coyier 
https://css-tricks.com/dynamic-conditional-imports/

When you separate code in different ES modules, you may come to the point where you want import a module depending on a specific condition. Chris show us here, how to deal with this easily.

Dynamic, Conditional Imports

10 Client-side Storage Options and When to Use Them

by Craig Buckler 
https://www.sitepoint.com/client-side-storage-options-comparison/

Especially if you are writing a web app, you need to consider what storage options you have, to provide the user an optimal user experience. Craig list them all in his post and goes into the specific characteristics and possible uses.

10 Client-side Storage Options and When to Use Them

An Intro to JavaScript Proxy

by Travis Almand 
https://css-tricks.com/an-intro-to-javascript-proxy/

JavaScript provides a PROXY, which enables you to intercept and redefine fundamental operations for an object. Is it not that common to use it, but it has great advantages, as Travis show us.

An Intro to JavaScript Proxy

The Observer Pattern in JavaScript - The Key to a Reactive Behavior

by Fernando Doglio 
https://blog.bitsrc.io/the-observer-pattern-in-javascript-the-key-to-a-reactive-behavior-f28236e50e10

Sometimes it is necessary to decouple functionality in JS, in order to write cleaner code or to increase complexity. Fernando shows us how to implement our own observers, with subscribing, notifying and all that stuff.

The Observer Pattern in JavaScript - The Key to a Reactive Behavior

Why JavaScript Developers Should Prefer Axios Over Fetch

by Sabesan Sathananthan 
https://betterprogramming.pub/why-javascript-developers-should-prefer-axios-over-fetch-294b28a96e2c

FETCH is the method defined in the ECMA standard to get data from remote servers, but in the meanwhile the library Axios has become almost a de-facto standard in the industry and Sabesan tells why.

Why JavaScript Developers Should Prefer Axios Over Fetch

Toolkit for managing multiple promises

by Anthony Fu 
https://github.com/antfu/p

This tiny library makes it easier to deal with multiple promises as it PROMISE.ALL does. Remarkable.

Toolkit for managing multiple promises

Promisify an entire object or class instance

by Gar 
https://github.com/wraithgar/gar-promisify

Mixing async with non-async code may have some pitfalls, you can avoid by using Gar’s tiny library.

Promisify an entire object or class instance

You can interact with this article (applause, criticism, whatever) by mention it in one of your posts, which will be shown here as a Webmention.

In case your blog software can't send Webmentions, you can use this form or send it manually via webmention.app or Telegraph:

Webmentions

No Webmentions yet...

Related