new in JavaScript, CSS minmax() and Web components: #1.38 the latest News (the Good Parts)


New #private class fields in JavaScript?!
Win or Fail for JavaScript community?
[Music playing]
Hi!
Let’s talk today about new features in JavaScript,
Minmax function and Web components.
I’m Anatol and you are watching the Good Parts
of the Frontend development.
[Music playing]
Node.js 8 has a new utility function: util.promisify().
It converts a callback-based function to a
Promise-based one.
Dr. Axel Rauschmayer provided some examples
of the using and a polyfill for older versions
of Node.js.
Let me introduce an article “Adopting Flow
& TypeScript” by James Kyle.
It contains a comparison between the two on-boarding
processes.
Moreover, a type coverage definition is explained
in details.
This post falls in favor of Flow.
Flow or TypeScript?
What do you prefer for your project?
Leave your comment down below.
We were pleased with Classes in ES6, but do
they really make our code easier?
Kent Dodds muses on classes, functions and
objects’ complexity, as well as their place
in JavaScript, about costs and benefits of
their utilization.
One more interesting article on this topic
is “JavaScript’s new #private class fields”.
It describes special weird syntax.
This new approach is currently on Stage 2
in TC39’s standard process, but unfortunately
no Babel support yet.
Here you can read why they are important and
what they could mean for JavaScript.
[Music playing]
One more interesting talk from Google IO 2017
is called “Web Performance: Leveraging the
Metrics that Most Affect User Experience”.
This session covers the new metrics and platform
APIs that enable user-centric performance
measurement.
Because, the negative experiences turn users
away.
Justin Yek posted an article “How to learn
Flexbox in 10 minutes” on Medium.
He highlighted 5 levels, starting from Basic
to Advanced, helping you to learn Flex Boxes
and start working with them.
If you still don’t use them in your projects,
this is a good moment to start.
HTML5 Canvas is not bad at all, but it is
not good enough when you decide to animate
more than 10,000 points.
WebGL is a great alternative in such circumstances.
“Beautifully Animate Points with WebGL and
regl” by Peter Beshai describes how to draw
and smoothly animate 100,000 points in the
browser.
[Music playing]
Do you know “How the minmax() Function Works”?
This function was introduced with the CSS
Grid Layout Spec.
In the mentioned article Ire Aderinokin explains
how it works and how you can use it in your
project.
Nick Babich posted the article “Designing
Efficient Web Forms: On Structure, Inputs,
Labels And Actions”.
After careful consideration he extracted generalizations
and identified the best practices.
As author noted, users can be reluctant to
fill out forms, so make the process as easy
as possible.
You can find his article on Smashing Magazine.
The last point for today is “An intro to web
components with otters” by Monica Dinculescu.
This is a great introduction for absolute
beginners.
Here you can learn about web components as
a such and how you can create them from scratch
on your own.
[Music playing]
If you like this video give it “thumbs up”,
share it with your friends, subscribe to the
channel and watch other episodes.
[Music playing]
This is all for this week.
Thanks for watching and stay curious.

One Reply to “new in JavaScript, CSS minmax() and Web components: #1.38 the latest News (the Good Parts)”

Leave a Reply

Your email address will not be published. Required fields are marked *