How I Learned Modern Javascript by Writing Ancient Javascript

With something that changes as fast as web technology - especially Javascript - it's important to build solid foundations as you learn. I talk about learning in "layers" and approaching a problem by isolating each specific area.

Transcript

1. Alex Taylor @mctaylorpants How I learned modern Javascript by writing ancient Javascript
2. Alex Taylor @mctaylorpants Alex Taylor @mctaylorpants GitHub: alextaylor000
3. Alex Taylor @mctaylorpants
4. Alex Taylor @mctaylorpants
5. Alex Taylor @mctaylorpants
6. image credit
7. image credit
8. Alex Taylor @mctaylorpants ES5 ES6 Babel Webpack React
9. Alex Taylor @mctaylorpants Language evolution
10. safe navigation &. const / let arrow functions default parameter values rest & spread ... string interpolation object property shorthand variable property names classes object destructuring import / export
11. image credit
12. image credit
13. image credit Javascript
14. image credit Javascript
15. Alex Taylor @mctaylorpants import React, { Component } from 'react'; import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
16. Alex Taylor @mctaylorpants import React, { Component } from 'react'; import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
17. Alex Taylor @mctaylorpants import React, { Component } from 'react'; import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
18. Alex Taylor @mctaylorpants Learn in Layers
19. Alex Taylor @mctaylorpants image credit
20. Alex Taylor @mctaylorpants image credit es5
21. Alex Taylor @mctaylorpants image credit react-router react es6 es5
22. Alex Taylor @mctaylorpants image credit react-router react es6 es5 tasty cake!
24. image credit
25. image credit
26. Alex Taylor @mctaylorpants
27. Alex Taylor @mctaylorpants !!!!
28. image credit
29. image credit
30. Alex Taylor @mctaylorpants why?
31. Alex Taylor @mctaylorpants If you aren’t sure if you need it, you don’t need it. Pete Hunt
32. thx!