RNR 152: Tips and Tricks When Using React Native with Yassir Hartani React Native Radio

In this episode of React Native Radio Josh Justice interviews Yassir Hartani. Yassir writes a blog about all he learns while programming with React Native. They begin by discussing his article about React Native Navigation. Yassir explains why he prefers React Native Navigation and walks Josh through the article.



They move on to share tips for getting into React Native development. Yassir shares the differences between React Native development and developing on the web. He explains the difference in base components, syntax, and naming. For those used to developing on the web he recommends using styled-components.



Next, the discuss best practices for upgrading and explain why upgrading in React Native can be painful. They discuss tips for improving user experience including, keyboards, clickable buttons, native feedback, and safe area view. Developer experience tips are next. Yassir recommends building for both iOS and Android, test for both platforms as well. They also recommend testing on a physical device. The panel shares other testing tips and gives error tracking recommendations.

Panelists



Josh Justice



Guest



Yassir Hartani



Sponsors



G2i


Infinite Red


CacheFly



____________________________________________________________

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!

____________________________________________________________

Links



An Introduction to React-Native-Navigation


Styled Components for React Native


React Native Upgrade Helper


React Native CLI “upgrade” command


KeyboardAvoidingView


TouchableNativeFeedback


React-native-platform-touchable


SafeAreaView


https://facebook.github.io/react-native/docs/improvingux


Sentry


Bugsnag


Android keystores


Fastlane


CircleCI


App Center


CodePush


Detox


Travis CI


https://www.facebook.com/ReactNativeRadio/


https://twitter.com/R_N_Radio



Picks

Josh Justice:



Big Nerd Ranch Guides


PouchDB


`pouchdb-react-native`



Yassir Hartani:



Deep Work


4-Hour Workweek