React Native: Expectations vs Reality
•Download as PPTX, PDF•
0 likes•473 views
I had a chance to be part of a team that started developing a decent size React Native mobile app from scratch. As a developer with a solid React background, I had some expectations at first. During my initial research, everything sounded terrific: performance stats, ease of development, learn-once-use-everywhere, debugging tools, etc. But is everything terrific really? I'm excited to share my journey about how my expectations met the reality. I'll give my personal opinion about the matureness of the technology, for which use-cases it fits well and for which it doesn't. I'll also try to address the most popular misconceptions about React Native, which front-end developers usually have before they have the chance to actually built something.
Recommended
Recommended
More Related Content
What's hot
What's hot (17)
Similar to React Native: Expectations vs Reality
Similar to React Native: Expectations vs Reality (20)
Recently uploaded
Recently uploaded (20)
React Native: Expectations vs Reality
- 1. React Native Expectations vs Reality
- 4. CSS-Tricks
- 6. Why I’m excited about React Native
- 7. Progressive Web App Mobile App Mobile App JavaScript Swift Java
- 9. Agenda! Expectations vs Reality for: 1. Learning Curve 2. Limitations 3. Debugging 4. Ecosystem 5. Performance
- 10. Introducing… our scale! 0 . . . . 5
- 12. A lot of React concepts do apply!
- 13. Flexbox
- 14. Piniz a way to resolve a problem, usually technical and hidden
- 15. React Navigation
- 16. Write Learn once, use anywhere
- 17. Time-to-learn.
- 18. #1 Learning Curve Expectation: 5 Reality: 2
- 20. “Pure” React Native React Native with “Create React Native App” and “Expo” vs. The decision.
- 21. Expo: NO native modules (without detaching)
- 22. Which compromises are you willing to do?
- 27. Slooooow and it crashes often :(
- 28. Network Tab
- 36. #Sum up 1. Learning Curve 2. Limitations 3. Debugging 4. Ecosystem 5. Performance
- 37. Thank you. You were awesome! (I hope) superkalo.com
Editor's Notes
- How many are front-end developers? How many have done at least 1 project with React? How many have done at least 1 project with React Native?
- #1 Different concept than Cordova or browser-based apps, which run inside a web view. #2 NO "mobile web app", an "HTML5 app", or a "hybrid app". A real native app.
- Single-code base. Single team. Single tech stack. Game changer! Cost saving. Faster iterations.
- It’s impressive what can be accomplished. It’s impressive how many big companies are using it.
- The best way to evaluate a new technology is to use it. App profile: team of 2. 6 months. A bit more info about the project.
- Measure of success. Score.
- Design patterns. Redux! Krasi Tsonev book.
- Works the same way in React Native as it does in CSS on the web, with a few exceptions. The defaults are different, with `flexDirection` defaulting to `column`, and the flex parameter only supporting a single number.
- Gotchas! Piniz: a way to resolve a problem, usually technical and hidden. Not all CSS properties work to all components.
- Gotchas!
- Not single code base out of the box. Not designed to write once, run everywhere Date picker.
- Layout Animation API (simple) and Animated API (advanced).
- Time to Learn: 2-3 weeks.
- CRNA - app without any build configuration Expo (toolchain): - Support for iOS and Android out of the box - Instant Updating - Asset Management - Modules (Push Notifications, Auth, Map) Choose based on the use-case you have.
- - NO native modules without detaching - Expo limited components. - Expo is always at least one version back from React Native
- No, it doesn’t fit all-mobile-app-use-cases-in-the-world.
- Expectation: web experience. I’m used to it.
- - jhen0409/react-native-debugger
- Change styles on-the-fly
- - JackDanielsAndCode/react-native-multi-slider | 130 stars, good documentation, doesn’t work on Android - ptomasroos/react-native-multi-slider | 150 stars, no documentation
- - expo/react-native-image-gallery | 60 stars, no documentation - archriss/react-native-image-gallery | 250 stars
- iOS performance is better. Based on comparison with Cordova. Corner cases with external libs.
- 1. Great potential! 2. With a good architecture could lead to amazing single-code base results 3. Great demand for open-source libs