Tag Archives: ES6

Looking ahead: Microsoft Edge for developers in 2016

MS Edge priorities for 2016: better extension API, performance, more ES6 support, WOFF2, Web Notifications and more

 

We’ve been immersing ourselves in your feedback, reviewing development trends, and meeting with partners and developers around the globe to inform where we take EdgeHTML next. We want to ensure we’re focusing on the most impactful work! In the spirit of continuing our opennness, we’d like to share our priorities for 2016.

Read more from the source: Microsoft Edge Dev Blog

Angular 2 Beta is Out

Angular 2 reaches beta, packing a lot of changes from the preview

 

Angular 2 is truly a different framework from Angular 1. Although there is ngUpgrade and ngForward to help transition, the syntax and API are vastly different.

Angular 2 introduces a DOM parser that process html attributes before hitting the DOM. That means the new star, brackets and parentheses are easier to handle under the covers. And Angular 2 makes directives camelCase instead of kebab-case. You may also notice that directive attributes don’t show up on the DOM. All that is parsed out before rendering.

ng-if is now *ngIf and ng-repeat=”item in items” is now *ngFor=”#item of items”. ng-eventname directives are gone in favor of (eventname) syntax.

Property-based directives such as ng-class, ng-style, and ng-disabled are gone in favor of bracket-notated binding: [class.classname], [style.property], [disabled].

ng-model becomes [ngModel] for one-way binding and [(ngModel)] for two-way binding.

The digest cycle is gone, replaced by an immutabile object style checking.

Typescript (or the ES6 subset of Typescript) is recommended, but Angular 2 comes with a webpack-style server and live reloader for development.

Read the announcement on the blog: angularjs.blogspot.com or checkout the updated angular.io website.

Babel 6.0.0 Released

It’s not just a transpiler anymore. Babel 6 moves forward with a vision to power JavaScript developer tools.

 

Babel should be able to power minifiers, linters, formatters, syntax highlighters, code completion tools, type checkers, codemod tools, and every other tool to be using the same foundation to do their job better than ever before.

So today we’re releasing Babel 6.

This is the most significant update we’ve ever made and enables the project to truly become a platform for the community to build upon.

Read the blog post at babeljs.io

ES6 Overview in 350 Bullet Points

A comprehensive list of ES6 features that you can use right now

 

My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, including the following.

  • Assignment Destructuring
  • Spread Operator and Rest Parameters
  • Arrow Functions
  • Template Literals
  • Object Literals
  • Classes
  • Let and Const
  • Symbols
  • Iterators
  • Generators
  • Promises
  • Maps
  • WeakMaps
  • Sets
  • WeakSets
  • Proxies
  • Reflection
  • Number
  • Math
  • Array
  • Object
  • Strings and Unicode
  • Modules

 Read at Pony Foo

React, JSX and ES6: The Weird Parts

Valid JSX complaints: overuse of element nodes and an ugly API for if statements, doctype, and comments

 

“I’ve spent a few days working with JSX and React and I have mixed feelings about them. React is pretty neat, but I find that they made some very unusual choices when it comes to their API design. Then there’s JSX, definitely the weirdest aspect of React – we’ll look into it as well. I’ve really enjoyed the ES6 and Babel experience, although I’ve noticed that there’s a learning curve where you start to decide whether using an ES6 feature is better than its ES5 equivalent or not, something we’ll explore towards the end of the article.”

Read more at Pony Foo