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

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