wooowwwww, I know that you've always wanted to compare objects in JS as `obj === obj` so I brought good news for you 🤩🔥
Let's begin🧵 /1
Let's begin🧵 /1
I don't know about you but I'm really excited about this feature, let me show you how it works 🔥
/2
/2
The #ECMAScript proposal for the #Record and #Tuple value types is Stage 2 which means that it could change at any time but there're packages and playgrounds for you to try out this feature before it's available on the language.
/3
/3
For me, the feeling is the same as when they added async/await to the JavaScript language.
A real game-changing feature 🤯
/4
A real game-changing feature 🤯
/4
The most confusing concept in JavaScript to me is the `const` keyword.
You cannot reassign values such as:
const p = { a : 1}
p = { b : 2 } // error
/5
You cannot reassign values such as:
const p = { a : 1}
p = { b : 2 } // error
/5
But you can change its content:
const p = { a : 1}
p.a = 2 // works
p.b = 1 // works
So this `const` is not a real constant and immutable variable, right? 😂
Record and Tuples came to help us fix this problem (and others)
/6
const p = { a : 1}
p.a = 2 // works
p.b = 1 // works
So this `const` is not a real constant and immutable variable, right? 😂
Record and Tuples came to help us fix this problem (and others)
/6
Now, you'll define your immutable variables with a new syntax and it throw errors if you try changing them:
const p = #{ count: 1 }
p.count = 2 // "error: count" is read-only"
p.newProp = 1 // "error: can't define property "newProp": Object is not extensible"
/7
const p = #{ count: 1 }
p.count = 2 // "error: count" is read-only"
p.newProp = 1 // "error: can't define property "newProp": Object is not extensible"
/7
Those two data types will be primitive types on JS which means that you can compare them as you do for strings and numbers, independently of the order:
#{ a: 0, count: 1 } === #{ count: 1, a:0 } // true
/8
#{ a: 0, count: 1 } === #{ count: 1, a:0 } // true
/8
Ah, and for immutable Arrays, you can check the Tuples, the same idea with even more power 🔥
#[ #{name: 'test'} ] === #[ #{name: 'test'} ] // true
This is just a simple intro about these amazing features.
/9
#[ #{name: 'test'} ] === #[ #{name: 'test'} ] // true
This is just a simple intro about these amazing features.
/9
Come, check and try out this amazing proposal that the @TC39 team is working on
Tutorial: bit.ly/record-tuple-js
Docs: bit.ly/record-tuple-p…
/10
Tutorial: bit.ly/record-tuple-js
Docs: bit.ly/record-tuple-p…
/10
Let me know in the comments what you think about this amazing proposal and what you wish to have on the JS language for the next years 🔥
#javascript #proposals #ecmascript #100daysofcode #nodejs #js #ideas #jstips
/11
#javascript #proposals #ecmascript #100daysofcode #nodejs #js #ideas #jstips
/11
• • •
Missing some Tweet in this thread? You can try to
force a refresh
