Yassir Hartani's guest appearances

Yassir Hartani

React Native Radio

Devchat.tv Episode Roundup

Eric Vicenti

Michel Westrate

Sacha Greif

Hannah Howard

Steve Young

Houssein Djirdeh

Nader Dabit

Josh Justice

James Smith

Vincent Riemer

Adam Perry

Ken Wheeler

Charles Max Wood

Gabriel Peal

Evan Bacon

OwlTail

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  

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.   <h3>Panelists</h3> <ul> <li> Josh Justice </li> </ul> <h3>Guest</h3> <ul> <li> Yassir Hartani </li> </ul> <h3>Sponsors</h3> <ul> <li> <a href="https://www.g2i.co/?utm_source=React_Native_Radio&amp;utm_medium=Podcast" rel="nofollow" target="_blank">G2i</a> </li> <li> <a href="http://radio.infinite.red/" rel="nofollow" target="_blank">Infinite Red</a> </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul> <h2>____________________________________________________________</h2> "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon.<a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&amp;linkCode=sl1&amp;tag=devchattv-20&amp;linkId=9d61363241636e2546ef46abba198746&amp;language=en_US" rel="nofollow" target="_blank"> Get Your Copy Today!</a> <h2>____________________________________________________________</h2> <h3>Links</h3> <ul> <li> <a href="https://medium.com/javascript-in-plain-english/introduction-to-react-native-navigation-e453ec30c42f" rel="nofollow" target="_blank">An Introduction to React-Native-Navigation</a> </li> <li> <a href="https://www.styled-components.com/docs/basics#react-native" rel="nofollow" target="_blank">Styled Components for React Native</a> </li> <li> <a href="https://react-native-community.github.io/upgrade-helper/" rel="nofollow" target="_blank">React Native Upgrade Helper</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/upgrading#react-native-cli" rel="nofollow" target="_blank">React Native CLI “upgrade” command</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/keyboardavoidingview" rel="nofollow" target="_blank">KeyboardAvoidingView</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/touchablenativefeedback" rel="nofollow" target="_blank">TouchableNativeFeedback</a> </li> <li> <a href="https://github.com/react-native-community/react-native-platform-touchable" rel="nofollow" target="_blank">React-native-platform-touchable</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/safeareaview#__docusaurus" rel="nofollow" target="_blank">SafeAreaView</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/improvingux" rel="nofollow" target="_blank">https://facebook.github.io/react-native/docs/improvingux</a> </li> <li> <a href="https://sentry.io/welcome/" rel="nofollow" target="_blank">Sentry</a> </li> <li> <a href="https://www.bugsnag.com" rel="nofollow" target="_blank">Bugsnag</a> </li> <li> <a href="https://developer.android.com/studio/publish/app-signing" rel="nofollow" target="_blank">Android keystores</a> </li> <li> <a href="https://fastlane.tools/" rel="nofollow" target="_blank">Fastlane</a> </li> <li> <a href="https://circleci.com" rel="nofollow" target="_blank">CircleCI</a> </li> <li> <a href="https://appcenter.ms" rel="nofollow" target="_blank">App Center</a> </li> <li> <a href="https://docs.microsoft.com/en-us/appcenter/distribution/codepush/" rel="nofollow" target="_blank">CodePush</a> </li> <li> <a href="https://github.com/wix/Detox" rel="nofollow" target="_blank">Detox</a> </li> <li> <a href="https://travis-ci.com/plans" rel="nofollow" target="_blank">Travis CI</a> </li> <li> <a href="https://www.facebook.com/ReactNativeRadio/" rel="nofollow" target="_blank">https://www.facebook.com/ReactNativeRadio/</a> </li> <li> <a href="https://twitter.com/R_N_Radio" rel="nofollow" target="_blank">https://twitter.com/R_N_Radio</a> </li> </ul> <h3>Picks</h3> Josh Justice: <ul> <li> <a href="https://www.bignerdranch.com/books/" rel="nofollow" target="_blank">Big Nerd Ranch Guides</a> </li> <li> <a href="https://pouchdb.com/" rel="nofollow" target="_blank">PouchDB</a> </li> <li> <a href="https://github.com/stockulus/pouchdb-react-native" rel="nofollow" target="_blank">`pouchdb-react-native`</a> </li> </ul> Yassir Hartani: <ul> <li> <a href="https://www.calnewport.com/books/deep-work/" rel="nofollow" target="_blank">Deep Work</a> </li> <li> <a href="https://www.amazon.com/4-Hour-Workweek-Escape-Live-Anywhere/dp/0307465357" rel="nofollow" target="_blank">4-Hour Workweek</a> </li></ul>

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  

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. <h3>Panelists</h3> <ul> <li> Josh Justice </li> </ul> <h3>Guest</h3> <ul> <li> Yassir Hartani </li> </ul> <h3>Sponsors</h3> <ul> <li> <a href="https://www.g2i.co/?utm_source=React_Native_Radio&amp;utm_medium=Podcast" rel="nofollow" target="_blank">G2i</a> </li> <li> <a href="http://radio.infinite.red/" rel="nofollow" target="_blank">Infinite Red</a> </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul> <h2>____________________________________________________________</h2> "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon.<a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&amp;linkCode=sl1&amp;tag=devchattv-20&amp;linkId=9d61363241636e2546ef46abba198746&amp;language=en_US" rel="nofollow" target="_blank"> Get Your Copy Today!</a> <h2>____________________________________________________________</h2> <h3>Links</h3> <ul> <li> <a href="https://medium.com/javascript-in-plain-english/introduction-to-react-native-navigation-e453ec30c42f" rel="nofollow" target="_blank">An Introduction to React-Native-Navigation</a> </li> <li> <a href="https://www.styled-components.com/docs/basics#react-native" rel="nofollow" target="_blank">Styled Components for React Native</a> </li> <li> <a href="https://react-native-community.github.io/upgrade-helper/" rel="nofollow" target="_blank">React Native Upgrade Helper</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/upgrading#react-native-cli" rel="nofollow" target="_blank">React Native CLI “upgrade” command</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/keyboardavoidingview" rel="nofollow" target="_blank">KeyboardAvoidingView</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/touchablenativefeedback" rel="nofollow" target="_blank">TouchableNativeFeedback</a> </li> <li> <a href="https://github.com/react-native-community/react-native-platform-touchable" rel="nofollow" target="_blank">React-native-platform-touchable</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/safeareaview#__docusaurus" rel="nofollow" target="_blank">SafeAreaView</a> </li> <li> <a href="https://facebook.github.io/react-native/docs/improvingux" rel="nofollow" target="_blank">https://facebook.github.io/react-native/docs/improvingux</a> </li> <li> <a href="https://sentry.io/welcome/" rel="nofollow" target="_blank">Sentry</a> </li> <li> <a href="https://www.bugsnag.com" rel="nofollow" target="_blank">Bugsnag</a> </li> <li> <a href="https://developer.android.com/studio/publish/app-signing" rel="nofollow" target="_blank">Android keystores</a> </li> <li> <a href="https://fastlane.tools/" rel="nofollow" target="_blank">Fastlane</a> </li> <li> <a href="https://circleci.com" rel="nofollow" target="_blank">CircleCI</a> </li> <li> <a href="https://appcenter.ms" rel="nofollow" target="_blank">App Center</a> </li> <li> <a href="https://docs.microsoft.com/en-us/appcenter/distribution/codepush/" rel="nofollow" target="_blank">CodePush</a> </li> <li> <a href="https://github.com/wix/Detox" rel="nofollow" target="_blank">Detox</a> </li> <li> <a href="https://travis-ci.com/plans" rel="nofollow" target="_blank">Travis CI</a> </li> <li> <a href="https://www.facebook.com/ReactNativeRadio/" rel="nofollow" target="_blank">https://www.facebook.com/ReactNativeRadio/</a> </li> <li> <a href="https://twitter.com/R_N_Radio" rel="nofollow" target="_blank">https://twitter.com/R_N_Radio</a> </li> </ul> <h3>Picks</h3> Josh Justice: <ul> <li> <a href="https://www.bignerdranch.com/books/" rel="nofollow" target="_blank">Big Nerd Ranch Guides</a> </li> <li> <a href="https://pouchdb.com/" rel="nofollow" target="_blank">PouchDB</a> </li> <li> <a href="https://github.com/stockulus/pouchdb-react-native" rel="nofollow" target="_blank">`pouchdb-react-native`</a> </li> </ul> Yassir Hartani: <ul> <li> <a href="https://www.calnewport.com/books/deep-work/" rel="nofollow" target="_blank">Deep Work</a> </li> <li> <a href="https://www.amazon.com/4-Hour-Workweek-Escape-Live-Anywhere/dp/0307465357" rel="nofollow" target="_blank">4-Hour Workweek</a> </li></ul>