reactjs

1. di-React-in aja .

2. @sonnylazuardi
Sonny Lazuardi
@sonnylazuardi
UX Engineer @ Grab

3. @sonnylazuardi
Journey
2013 1st winner Mobile IT
Solution @ Compfest
2015 Frontend Engineer
@ Sale Stock
2017 3rd winner @ Bukalapak
Dev Competition
2016 RNPM Logo
Contributor
2016 Talk: React Komik
@ JSConf Asia SG
2016 1st winner
chatbot @ Facebook
Dev Challenge
2017 Mentor @ 1000
startup digital
2017 UX Engineer @ Grab
2015 Top 3 @ Google
Hack For Impact
2017 Dota-
mania got
featured in
Product Hunt

4. @sonnylazuardi
GrabWeb team

5. @sonnylazuardi
Sejarah Singkat ReactJS
- Pertama kali meluncur di Facebook Newsfeed tahun 2011
- Meluncur di Instagram.com tahun 2012
- Open-source di JSConf US Mei 2013
- React Fiber April 2017

6. @sonnylazuardi
Fitur
Aliran data satu arah Virtual DOM JSX

7. @sonnylazuardi
Memulai
http://engineering.grab.com/grabs-front-end-study-guide
- SPA & JS zaman now
- UI & Styling
- State Management
- Maintainability
- Build System & Package Management

8. @sonnylazuardi
SPA & JS zaman now
Server Side
Rendering
Client Side
Rendering
ES 5
ES 6/2015
ES 7

9. @sonnylazuardi
UI & Styling
Declarative
Functional
Maintainable
High Performance
Developer Experience
CSS in JS
Styled component

10. @sonnylazuardi
State Management
Flux Redux
Larger AppsSmaller Apps
State & Props

11. @sonnylazuardi
Maintainability

12. @sonnylazuardi
Build System & Package Management
Webpack
Code Splitting
Module bundler
Hot Reloading
Create react app
PWA
Eject modules

13. @sonnylazuardi
License
BSD License MIT License
https://code.facebook.com/posts/300798627056246/relicensing-react-jest-flow-and-immutable-js/

14. @sonnylazuardi
https://stackoverflow.blog/2017/03/09/
developer-hiring-trends-2017/

15. @sonnylazuardi
ReactJS di Production
https://brainhub.eu/blog/10-famous-apps-using-reactjs-nowadays/

16. @sonnylazuardi
React Native
- Bikin mobile app pake JavaScript.
- Atur mobile UI dengan declarative components.
- Hot Reloading!

17. @sonnylazuardi
React Native di Production
https://facebook.github.io/react-native/showcase.html

18. @sonnylazuardi
React As A Platform
- https://www.youtube.com/watch?v=hNwQPJy-XZY&list=PLCC436JpVnK3KpieWtxYN6aC2-exR_IxH&index=7
- React Native Web
- Berbagi codebase web dengan native android & ios
- Frontend Engineer = Mobile App Engineer
- VR, Apple TV, Windows, MacOSX, etc

19. @sonnylazuardi
React Sketch App
https://github.com/airbnb/react-sketchapp

20. @sonnylazuardi
React VR

21. @sonnylazuardi
React untuk Slide (Spectacle), Music, etc.

22. @sonnylazuardi
React Komik

23. @sonnylazuardi
React MindMap untuk Scraping
https://www.producthunt.com/posts/dota-mania

24. @sonnylazuardi
React untuk Prototyping
https://medium.com/insightdesign/sonny-lazuardi-ux-engineer-grab-124a5694f821

25. @sonnylazuardi
Expo!

26. @sonnylazuardi
Thank You
Sonny Lazuardi
@sonnylazuardi
UX Engineer @ Grab