Last week I was pair programming with a friend when he said JavaScript as language needs to evolve a lot more. Well, what are some of the features you want to see, I asked him amused. That’s when he talked about how the last version of JavaScript was ES6 and that was so long ago. I can even recite all of them, because I have learned it for the interviews he continued.
Since you are reading this newsletter, you probably know this. But ES6 was absolutely not the last version of JavaScript. It was a major shift in the feature release cycle and largest bunch of features to be released in recent times. But the rest of releases have just been spread over time and much smoother.
Edition | Official name | Date published |
---|---|---|
ES12 | ES 2021 | Release Candidate Stage |
ES11 | ES2020 | June 2020 |
ES10 | ES2019 | June 2019 |
ES9 | ES2018 | June 2018 |
ES8 | ES2017 | June 2017 |
ES7 | ES2016 | June 2016 |
ES6 | ES2015 | June 2015 |
ES5.1 | ES5.1 | June 2011 |
ES5 | ES5 | December 2009 |
ES4 | ES4 | Abandoned |
ES3 | ES3 | December 1999 |
ES2 | ES2 | June 1998 |
ES1 | ES1 | June 1997 |
Each of these releases contain proposals that reach the fourth stage and approved by the TC39 committee - See entire process
Next time, when interviewers start bothering you about ES6, talk to them about upcoming features in ES2021 and how it is going to turn your workflow around.
react-select
. Even if the library got the accessibility and usage right, browsers won’t come around to auto filling them. This tutorial focuses on styling your selects to look good so you don’t have to feel like swapping it out (it might sound easy)any-link
and focus-within
.justify-content
and align-items
, you just try some, get some. Josh tries to demystify both properties and how they work. Also checkout the new Flex explorer in Chromium based devtools.Most creative JS hack I’ve seen in a while 😆 Uses ES6+
Proxy
to implementwww
(h/t @shuding_)
![]()
GitHub - justjavac/proxy-www: 学会 Proxy 就可以为所欲为吗?对,学会 Proxy 就可以为所欲为!
学会 Proxy 就可以为所欲为吗?对,学会 Proxy 就可以为所欲为!. Contribute to justjavac/proxy-www development by creating an account on GitHub.
CSS has an upcoming feature named Container Queries that is currently available under a flag in Chrome Canary (very exclusive! Ik). Why are we talking about such a feature then?
We already have media queries that lets us adopt CSS queries to a range of viewport size. Container Queries allows us to adapt our CSS queries with the container it is nested in. So the screen doesn’t have to be large or small, you can immediately use container queries to adapt your component to the space it is displayed in.
The above visualisation is from an amazing explained from Ahmad Shadeed - Original Post
crazy how far has progressed since i last checked it out. remember @bruno_simon’s website? you can do this in react w/ so little code. 🤩 @StockHuman made this demo. fullscreen: sandbox:
https://ebr0x.csb.app/
![]()
GitHub - pmndrs/use-cannon: 👋💣 physics based hooks for @react-three/fiber
👋💣 physics based hooks for @react-three/fiber. Contribute to pmndrs/use-cannon development by creating an account on GitHub.
![]()
Raycast vehicle - CodeSandbox
Using use-cannon / cannon-es to implement a raycast vehicle.