viktor turskyi - iforum2016.iforum.ua/files/10_iforum 2016 - frontend 2015-2016 v1.1.pdfjan 12, 2016...
TRANSCRIPT
![Page 1: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/1.jpg)
Frontend 2015-2016Viktor Turskyi
iForum 2016
![Page 2: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/2.jpg)
YEAR 2015
![Page 3: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/3.jpg)
![Page 4: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/4.jpg)
Increasing complexity of FE business logic
![Page 5: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/5.jpg)
ECMAScript 6 finalized
![Page 6: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/6.jpg)
ES6 everywhere
![Page 7: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/7.jpg)
Deprecated _escaped_fragment_
![Page 8: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/8.jpg)
Goodbye "undefined is not a function"
![Page 9: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/9.jpg)
Node v4.0 (september 2015) merged Node and IO.js
![Page 10: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/10.jpg)
Polymer 1.0 - production ready
![Page 11: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/11.jpg)
![Page 12: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/12.jpg)
React-Native (iOS and Android)
![Page 13: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/13.jpg)
Facebook switches to Babel
![Page 14: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/14.jpg)
![Page 15: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/15.jpg)
A lot of JavaScript courses
![Page 16: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/16.jpg)
Microsoft Visual Studio Code
![Page 17: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/17.jpg)
![Page 18: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/18.jpg)
Death of Java and Flash
![Page 19: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/19.jpg)
Popularity of Isomorphic apps
![Page 20: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/20.jpg)
Lost simplicity of Web development
![Page 21: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/21.jpg)
YEAR 2016
![Page 22: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/22.jpg)
End of support of IE 8, 9, 10, 11 (only security upd)
![Page 23: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/23.jpg)
No outdated browsers
Chrome
Firefox
Safari
Edge
Opera
Android Chrome
iOS Safari
![Page 24: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/24.jpg)
Increasing popularity of web-based editors
![Page 25: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/25.jpg)
React native main priority for Facebook
![Page 26: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/26.jpg)
High level frameworks in React world
Based on:
● React● React-Router● Redux● Relay
![Page 27: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/27.jpg)
hack --platform=react app.js
![Page 28: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/28.jpg)
Increasing production use of HTML5 APIS
Service workers API
Notification API
Network API
GeoLocation API
Video API
etc
![Page 29: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/29.jpg)
WebAssembly support in browsers
![Page 30: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/30.jpg)
Experiments with functional languages
![Page 31: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/31.jpg)
Static types
![Page 32: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/32.jpg)
Isomorphic JS support in all frameworks
![Page 33: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/33.jpg)
NOT SURE ABOUT
![Page 34: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/34.jpg)
Relay/Graphql
https://facebook.github.io/graphql/
https://facebook.github.io/relay/
![Page 35: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/35.jpg)
Backend-As-A-Service (BAAS)
![Page 36: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/36.jpg)
Internet of Things (IoT)
![Page 37: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/37.jpg)
WebComponents
![Page 38: Viktor Turskyi - Iforum2016.iforum.ua/files/10_iForum 2016 - Frontend 2015-2016 v1.1.pdfJan 12, 2016 · A STATIC TYPE CHECKER FOR JAVASCRIPT TypeScript WebAssembIy React Native Nuclide](https://reader030.vdocuments.net/reader030/viewer/2022041014/5ec56863668468537156f3df/html5/thumbnails/38.jpg)
Viktor Turskyi (koorchik)
[email protected]://twitter.com/koorchik
https://github.com/koorchik
https://webbylab.com