Posts tagged with es6
– tighten.com - submitted by Kayla Helmick
This article explores some exciting new features that have been added to the language in recent years, because sometimes vanilla is exactly what you need. If you’re looking to cut down on heavy dependencies or simply get up to date, this one’s for you.
Read more [tighten.com]
We're way overdue a correction back to simplicity for the frontend. ES6/HTTP2/Import maps looks like they'll deliver just that.
Read more [world.hey.com]
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"Freek publishes a super resourceful and practical newsletter. A must for anyone in the Laravel space"
Here's a nice list of JS niceties that is available natively in modern browsers
Read more [turriate.com]
– dev.to
A good overview on how to import stuff in the JavaScript world.
Read more [dev.to]
In a new blogpost, Evan You, the creator of Vue, outlines the changes and new features coming to the next major release of Vue.
There are greatly improved tools that could enhance our workflow, and many new language features that could unlock simpler, more complete, and more efficient solutions to the problems Vue is trying to solve. What’s more exciting is that we are seeing ES2015 support becoming a baseline for all major evergreen browsers. Vue 3.0 aims to leverage these new language features to make Vue core smaller, faster, and more powerful.
Read more [medium.com]
Bram Van Damme, who runs the excellent bram.us blog recently gave a talk at the Frontend United 2018 conference on what will be coming to JavaScript in the next few years.
With ES2015 a lot has changed in JavaScript-land. Lesser known releases are the ES2016 and ES2017 releases. This talk not only touches these two new releases, but also looks forward at what’s to come next for JavaScript (ES2018 and more).
You'll find the videos of the other talks at Frontend United in this playlist on YouTube.
Matt Stauffer shares some interesting refactors suggested by his co-workers on a Vue component he wrote.
I've written some Vue since 2015, but I've also learned some React, written a lot of Laravel, run a company, and spent much of my free time writing a book about Laravel. It's time for me to get back into Vue.js and really spend some time to get good at it. Thankfully, some of the best Vue developers out there work at Tighten, so I'm putting them to work to level me up. So, I'm going to be writing new Vue code and also cleaning up some of my Vue from 2015, and I wanted to share the process with you, my lovely readers.
https://mattstauffer.com/blog/refactoring-vue-cleaning-up-a-list-of-posts-with-better-component-splitting-and-more-es6/
It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples. So in this article, I’ll cover all 18 features that are listed in the TC39’s finished proposals that were added in ES2016, ES2017, and ES2018 (final draft) and show them with useful examples.
https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e
Bram Van Damme wrote a new post with some good examples of cool stuff that will land in JavaScript soon.
At the latest TC39 meeting the new features that will make it into the “ECMAScript® 2018 Language Specification” (ES2018) have been selected. All proposals that have reached stage-4 since the consolidation of ES2017 got selected. This post gives one a quick look at the features that made it into ES2018.
https://www.bram.us/2018/01/30/whats-new-in-ecmascript2018/
Sebastian De Deyne, my colleague and all round wizard at Spatie, wrote a new blogpost on how we use Babel.
A lot has been going in in JavaScript the past few years. One of my favorite things has been the usage of babel, which allows us to write future JavaScript syntax today. The babel ecosystem has tons of plugins and configuration options, I'd like to elaborate on our usage at Spatie.
https://sebastiandedeyne.com/posts/2017/whats-in-our-babelrc
In a new blogpost André Neves, a React Native engineer at Big Human, introduces the new features that are coming with ES2017.
I think it is a fair assessment to say that a large portion of JavaScript developers seem to appreciate the new, the shiny, the bleeding-edge tools. Whether it is to completely embrace a new technology, or simply to test out a tool's functionality, we like to know what is out there to at least 'dip our toes in the water'.If you're like me, keen on knowing about all of the new technology this incredible community has to offer, here is a breakdown of what ES2017 has in store.
https://medium.com/komenco/what-to-expect-from-javascript-es2017-the-async-edition-618e28819711
Ivan Sieder offers a nice tip on how to write better v-for loops in VueJS component templates.
There is really nothing wrong with the above code, but there is a small aspect, which really bugs me. As you can see, we are repeating the product identifier inside the output twice ({{ product.name }} and {{ product.price }}).We are modern web developers (at least I hope so) and therefore we are going to use modern ES6 functionality. The feature we are going to use is called destructuring assignment. Basically, what the destructuring assignment allows us to do, is to pull a specific property off of an object and store it in a variable.
https://simedia.tech/blog/vue-js-destructuring-assignment-for-loops/
I don't think that less lines of code automatically means code is more readable, but I'm a big fan of ES6' arrow functions. In this article Eric Elliott dives deep into them.
I also supect that your team would become significantly more productive if you learned to embrace and favor more of the concise syntax available in ES6. While it’s true that sometimes things are easier to understand if they’re made explicit, it’s also true that as a general rule, less code is better. If less code can accomplish the same thing and communicate more, without sacrificing any meaning, it’s objectively better.
Let's hope we'll soon have array functions in PHP too.
The future of #php (hopefully) - 2 RFCs in discussion right now: "Arrow Functions" and "Pipe Operator" pic.twitter.com/LVPiIHwGrZ
— Caleb Porzio (@calebporzio) April 19, 2017
In the JavaScript world Lodash is a pretty popular and awesome package with lots of handy array, collection and object methods. In this article Dan Prince explains that some of those methods do have a nice ES6 equivalent.
Lodash is the most depended on npm package right now, but if you’re using ES6, you might not actually need it. In this article, we’re going to look at using native collection methods with arrow functions and other new ES6 features to help us cut corners around many popular use cases.
On the .dev blog Jacob Bennett shared some nice refactorings using arrow functions.
Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.
https://dotdev.co/clean-up-your-vue-modules-with-es6-arrow-functions-2ef65e348d41
Emil Ong shares some cool ways you can leverage ES6.
Here are a few ES6 techniques that aren’t really tricks, just exploiting some of the new syntax either to reduce code, improve readability, or possibly just have fun. I’m planning on collecting more here, so please feel free to bookmark and check back every once in a while.
Jason Orendorff wrote an interesting post on ES6 Symbols:
Since JavaScript was first standardized in 1997, there have been six types. Until ES6, every value in a JS program fell into one of these categories.https://hacks.mozilla.org/2015/06/es6-in-depth-symbols/...
- Undefined
- Null
- Boolean
- Number
- String
- Object
ES6 symbols are values, but they’re not strings. They’re not objects. They’re something new: a seventh type of value.
ECMAScript 6 is the upcoming version of the ECMAScript standard. This standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now.
Babel will turn your ES6+ code into ES5 friendly code, so you can start using it right now without waiting for browser support.https://babeljs.io/
