di-React-in aja .
@sonnylazuardi
Sonny Lazuardi
@sonnylazuardi
UX Engineer @ Grab
@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
@sonnylazuardi
GrabWeb team
@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
@sonnylazuardi
Fitur
Aliran data satu arah Virtual DOM JSX
@sonnylazuardi
Memulai
http://engineering.grab.com/grabs-front-end-study-guide
- SPA & JS zaman now
- UI & Styling
- State Management
- Maintainability
- Build System & Package Management
@sonnylazuardi
SPA & JS zaman now
Server Side
Rendering
Client Side
Rendering
ES 5
ES 6/2015
ES 7
@sonnylazuardi
UI & Styling
Declarative
Functional
Maintainable
High Performance
Developer Experience
CSS in JS
Styled component
@sonnylazuardi
State Management
Flux Redux
Larger AppsSmaller Apps
State & Props
@sonnylazuardi
Maintainability
@sonnylazuardi
Build System & Package Management
Webpack
Code Splitting
Module bundler
Hot Reloading
Create react app
PWA
Eject modules
@sonnylazuardi
License
BSD License MIT License
https://code.facebook.com/posts/300798627056246/relicensing-react-jest-flow-and-immutable-js/
@sonnylazuardi
https://stackoverflow.blog/2017/03/09/
developer-hiring-trends-2017/
@sonnylazuardi
ReactJS di Production
https://brainhub.eu/blog/10-famous-apps-using-reactjs-nowadays/
@sonnylazuardi
React Native
- Bikin mobile app pake JavaScript.
- Atur mobile UI dengan declarative components.
- Hot Reloading!
@sonnylazuardi
React Native di Production
https://facebook.github.io/react-native/showcase.html
@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
@sonnylazuardi
React Sketch App
https://github.com/airbnb/react-sketchapp
@sonnylazuardi
React VR
@sonnylazuardi
React untuk Slide (Spectacle), Music, etc.
@sonnylazuardi
React Komik
@sonnylazuardi
React MindMap untuk Scraping
https://www.producthunt.com/posts/dota-mania
@sonnylazuardi
React untuk Prototyping
https://medium.com/insightdesign/sonny-lazuardi-ux-engineer-grab-124a5694f821
@sonnylazuardi
Expo!
@sonnylazuardi
Thank You
Sonny Lazuardi
@sonnylazuardi
UX Engineer @ Grab

React ftw