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

Living on the bleeding edge for amazing DX

Nik Butenko

@nkbtnk, github.com/nkbt

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

http://gaearon.github.io/react-hot-loader

Hot Reloading with Time Travel

ESLint

http://eslint.org/

ESLint React plugin

https://github.com/yannickcr/eslint-plugin-react

Let's bring it to the compilation!

Simple React app

npm start

Let's change some code

What if I make some mistake?

> SHOWTIME <

show | code

Thanks!

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