1.
Workspace and Tools
React Native
Expo
Devices
Expo Walkthrough
Summary
2.
Native & Components
Primitive Components
Platform Specific
Live Coding
Individual Workout
3.
Animation
Animation Basic
Swipe Gestures
Cards Layout
Live Coding
Individual Workout
4.
Native Apis
Navigation
Maps
Offline First
Push Notifications
5.
Testing and Deployment
Unit testing
Deployment
6.
🎉🎉 Well Done! 🎉🎉
More
Github repo
Credits
Clear-History
Built with
from
Grav
and
Hugo
Workshop
> 🎉🎉 Well Done! 🎉🎉
First off congrats!
Secondly, please share your feedback
Thirdly, here is a brain dump of my browser bookmarks for any further reference
🎉🎉 Well Done! 🎉🎉
First off congrats!
Secondly, please share your feedback
Feedback form
Thirdly, here is a brain dump of my browser bookmarks for any further reference
react-native-advanced-workshpo
tools-setup
simulators-mgmt
https://medium.com/xcblog/simctl-control-ios-simulators-from-command-line-78b9006a20dc
react-native setup cli, expo
https://medium.com/@enisinanaj/purpose-of-expo-react-native-pros-and-cons-b08844f6b284
https://docs.expo.io/introduction/why-not-expo/
https://apiko.com/blog/expo-vs-vanilla-react-native/
https://medium.com/@harisbaig100/common-dilemma-of-using-expo-vs-vanilla-react-native-being-solved-6d6d649d7ad1
https://docs.expo.io/bare/exploring-bare-workflow/
https://levelup.gitconnected.com/expo-vs-react-native-cli-a-guide-to-bootstrapping-new-react-native-apps-6f0fcafee58f
https://stackoverflow.com/questions/61061489/which-is-better-to-use-react-native-cli-or-expo-cli
https://stackoverflow.com/questions/31179706/how-can-i-launch-the-ios-simulator-from-terminal
https://github.com/goatandsheep/react-native-dotenv/wiki/Migration-Guide
https://dev.to/giacomocerquone/re-thinking-react-native-env-vars-589d
https://docs.expo.io/workflow/configuration/
https://docs.expo.io/guides/environment-variables/
animation
animation under the hood
https://blog.codecentric.de/en/2019/07/react-native-animated-with-hooks/
https://medium.com/react-native-training/react-native-animations-using-the-animated-api-ebe8e0669fae
https://medium.com/swlh/react-natives-re-architecture-in-2020-9bb82659792c
https://medium.com/swlh/making-a-collapsible-sticky-header-animations-with-react-native-6ad7763875c3
https://medium.com/@Ipallavi/speedometer-react-native-animation-7e5c5e22792b
https://www.freecodecamp.org/news/how-react-native-constructs-app-layouts-and-how-fabric-is-about-to-change-it-dd4cb510d055/
Introduction to React Native Animations - DEV
panResponder
https://codedaily.io/tutorials/36/React-Native-Animated-API-with-PanResponder
https://www.qed42.com/blog/understanding-panresponder-react-native-dragging-list
https://mrfullstack.tech/tinder-card-swiper-in-react-native/
components and UI
https://www.codeinwp.com/blog/react-native-component-libraries/
Core Components and Native Components · React Native
https://medium.com/@chenfeldmn/react-native-a-bridge-to-project-fabric-part-2-1f082415b881
https://formidable.com/blog/2019/react-codegen-part-1/
https://medium.com/@rossbulat/react-native-lists-load-more-by-scrolling-378a1c5f56a6
https://asleepysamurai.com/articles/converting-react-class-components-to-function-components-using-hooks
http requests
https://www.youtube.com/watch?v=ijEmigPrZPM
rendering
Conditional rendering in React Native may crash your app | by Daniel Koprowski | DailyJS | Medium
publishing
From expo init to Google Play Store | by Chandan Rauniyar | The Startup | Medium
authentication
Re-Authentication Using the Keychain in React Native Apps | by Charuka herath | Better Programming | Medium
https://morioh.com/p/1568b051a8a4
https://scotch.io/tutorials/multifactor-authentication-in-your-react-apps
mo0rti/react-native-authenticator: This is a react native app with some functionalities similar to Google Authenticator
RN-ideology
https://lithiosapps.com/mobile-app-development-native-hybrid-and-react-native/
rn-performance
https://blog.newrelic.com/engineering/measure-performance-metrics-in-react-native-apps/
https://reactnative.dev/docs/performance
https://medium.com/swlh/flutter-vs-react-native-vs-native-deep-performance-comparison-990b90c11433
https://www.codementor.io/@jigaryadav/how-to-improve-the-performance-of-react-native-application-quwlcfns4
rn-styles
https://stackoverflow.com/questions/38958888/react-native-what-is-the-benefit-of-using-stylesheet-vs-a-plain-object
performamce
https://codesource.io/best-practices-that-will-increase-react-native-performance/
https://levelup.gitconnected.com/react-react-native-optimizing-react-component-performance-16a82efaa4af
https://callstack.com/blog/react-native-how-to-check-what-passes-through-your-bridge/
https://tadeuzagallo.com/blog/react-native-bridge/
components
https://www.cognitiveclouds.com/insights/what-is-the-difference-between-react-js-and-react-native/
https://medium.com/call-stack/building-component-libraries-for-react-native-apps-41351d7d2ae4
https://cuneyt.aliustaoglu.biz/en/using-google-maps-as-provider-in-ios-with-react-native/
https://mobidev.biz/blog/how-react-native-app-development-works
https://medium.com/we-talk-it/react-native-what-it-is-and-how-it-works-e2182d008f5e
https://github.com/react-native-community/discussions-and-proposals/issues/4
native-extending
https://www.promptworks.com/blog/building-ios-app-extensions-with-react-native/
https://lisk.io/blog/development/how-build-imessage-extension-react-native-app
https://blog.theodo.com/2020/04/react-native-bridge-module/
https://medium.com/wix-engineering/creating-a-native-module-in-react-native-93bab0123e46
deployment
https://levelup.gitconnected.com/seamlessly-deploying-react-native-apps-with-expo-and-github-actions-3fd8157132bb
https://instabug.com/blog/react-native-app-ios-android/
kinda-deprecated
https://medium.com/@saurabhshah23/perfect-react-native-application-setup-industry-standards-bd3cc623745e
native-apis
navigation
https://uxplanet.org/top-8-mobile-navigation-menu-design-for-your-inspiration-8a2d925bffc0
maps
https://dev.to/peterklingelhofer/an-introduction-to-google-maps-in-react-native-expo-1g7d
https://medium.com/@malithjayaweera/adding-a-heatmap-overlay-over-react-native-map-fed02130f2a9
redux-offline
https://www.bacancytechnology.com/blog/how-to-use-redux-with-react-hooks-in-react-native-application
https://blog.asayer.io/how-to-use-async-actions-for-global-state-with-react-hooks-and-context
https://dev.to/pepsighan/async-redux-actions-using-hooks-219j
https://medium.com/swlh/using-the-redux-thunk-to-dispatch-async-actions-with-react-8df0addf34ce
https://www.robinwieruch.de/redux-vs-usereducer
https://blog.reactnativecoach.com/the-definitive-guide-to-redux-persist-84738167975
https://selleo.com/blog/react-persisting-state-and-handling-offline-with-redux
testing-deployment
deployment
https://blog.theodo.com/2019/04/react-native-deployment-pipeline/
https://support.kotobee.com/en/support/solutions/articles/8000065886-create-an-android-keystore-file
https://github.com/expo/turtle-cli-example
e2e-tests
https://www.freecodecamp.org/news/how-to-set-up-jest-enzyme-like-a-boss-8455a2bc6d56/
https://www.reactnativeschool.com/mocking-fetch-api-calls-when-using-jest
https://testing-library.com/docs/react-native-testing-library/intro
https://blog.logrocket.com/end-to-end-testing-in-react-native-with-detox/
https://blog.risingstack.com/react-native-expo-unit-testing-jest/
https://medium.com/reactbrasil/being-free-from-expo-in-react-native-apps-310034a3729
https://itnext.io/how-to-unit-test-in-react-72e911e2b8d
https://www.reactnativeschool.com/mocking-fetch-api-calls-when-using-jest
https://medium.com/@dinukadilshanfernando/implementing-detox-end-to-end-testing-for-react-native-application-64e3ea648d8a
https://github.com/stanrud/react-native-expo-detox
https://dev.to/spencercarli/react-native-end-to-end-testing-with-detox-56bk