Multi-platform Mobile Application with React Native

Transcript

1. Multi-platform Mobile Application with React Native @kvnerd
2. Let’s talk why @kvnerd
3. Building mobile application is hard @kvnerd
4. @kvnerd
5. Device models, OS Versions, etc. @kvnerd
6. React Native makes it easy @kvnerd
7. Kevin Hermawan Software Engineer @kvnerd Fun Fact : The first, one and only Gen-Z
8. What is React Native A framework for building native app with React @kvnerd
9. What is React JavaScript library for building user interface @kvnerd
10. How it works @kvnerd
11. JS Thread BRIDGE NATIVE CODE @kvnerd
12. Why React Native @kvnerd
13. @kvnerd
14. Productivity @kvnerd
15. Time is Money @kvnerd
16. develop, debug and testing. @kvnerd
17. What makes React Native reduce a lot of development time @kvnerd
18. • Hot Reload • Reusable • Easy to style @kvnerd
19. What makes React Native reduce a lot of debugging time @kvnerd
20. • Friendly-error message • Many ways to debug @kvnerd
21. @kvnerd
22. @kvnerd Reactotron
23. What makes React Native reduce a lot of testing time @kvnerd
24. Snapshot Testing @kvnerd
25. …very useful tool whenever you want to make sure your UI does not change unexpectedly. @kvnerd
26. expect(AwesomeComponent).toMatchSnapshot() @kvnerd
27. Developer Experience @kvnerd
28. Declarative Declarative views make your code more predictable and easier to debug. <Card latest={true} missionImage=“https://..” missionName=“RADARSAT ...” missionDetail=“SpaceX ...” /> @kvnerd
29. …that expresses the logic of a computation without describing its control flow. @kvnerd
30. Layout with Flexbox Flexbox is designed to provide a consistent layout on difference screen. @kvnerd
31. …was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities. @kvnerd
32. @kvnerd
33. @kvnerd
34. Developed and used by Facebook @kvnerd
35. @kvnerd
36. Small team, but need to shipping application at large scale. @kvnerd
37. @kvnerd Improving 80x development speed at Hyperjump with React Native The coolest engineers.
38. React Native now is the real multi-platform @kvnerd
39. @kvnerd
40. @kvnerd
41. @kvnerd
42. @kvnerd
43. How about learning curve @kvnerd
44. Not hard. If… @kvnerd
45. Your background is web or mobile developer @kvnerd
46. FAQ Should we learn Advanced JavaScript before starting code with React Native? @kvnerd
47. FAQ Should we learn ReactJS before starting code with React Native? @kvnerd
48. FAQ Should we learn Redux for build complex app with React Native? @kvnerd
49. Thank You! @kvnerd