Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Brave new World

ESNext edition

Bring compilation and code validation to your front-end development process

Sydney, 23rd May 2015

Nik Butenko

What makes a good and consistent code?

Static code analysis

Code style guide

Code-nazi in your team

Code review

CI/CD

It is always good. But...

Not always easy to setup

Requires extra tooling and effort

Slows down initial development cycle

Thus [almost] always skipped at the start

And that is OK, because...

Compiled languages

Javascript naturally came to be compiled first... At last!

Remember CoffeeScript

And why it was not OK?

Sourcemaps!

Now you can compile JS and debug it with sourcemaps

With any syntax you like

JSX

ES6. And ES7. Why compiled?

Babel JS

https://babeljs.io

Webpack

https://webpack.github.io

Hot reloading

ESLint

ESLint React plugin

Let's bring it to the compilation!

Simple React app

npm start

      
        node --es_staging --harmony_arrow_functions server.js
      
    

Let's change some code

What if I make some mistake?

What if I make some code style error?

> SHOWTIME <

show | code

Thanks!


https://github.com/nkbt/esnext-quickstart