{"id":19351786,"url":"https://github.com/alxwndr/react-native-resources","last_synced_at":"2026-02-04T00:03:19.910Z","repository":{"id":97140855,"uuid":"492153841","full_name":"alxwndr/react-native-resources","owner":"alxwndr","description":"A free collaborative list of tutorials, blogs, videos, articles and recourses for ⚛ React Native.","archived":false,"fork":false,"pushed_at":"2022-08-27T13:17:36.000Z","size":199,"stargazers_count":24,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-02T14:49:09.734Z","etag":null,"topics":["learning","react","react-native","reactjs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alxwndr.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-14T08:15:44.000Z","updated_at":"2025-05-29T20:59:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0d38bc0-7865-4e95-a123-ed5e03d35bd6","html_url":"https://github.com/alxwndr/react-native-resources","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alxwndr/react-native-resources","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxwndr%2Freact-native-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxwndr%2Freact-native-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxwndr%2Freact-native-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxwndr%2Freact-native-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alxwndr","download_url":"https://codeload.github.com/alxwndr/react-native-resources/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxwndr%2Freact-native-resources/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29062484,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-03T23:14:54.203Z","status":"ssl_error","status_checked_at":"2026-02-03T23:14:50.873Z","response_time":96,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["learning","react","react-native","reactjs"],"created_at":"2024-11-10T04:37:17.039Z","updated_at":"2026-02-04T00:03:19.892Z","avatar_url":"https://github.com/alxwndr.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Complete React Native resourses collection :sparkles:\n\nA free collaborative list of awesome React Native resources. This list is a an attempt to create a comprehensive list of tutorials, blogs, videos and articels that cover as many topics as possible for React Native. I will update this list as I discover new posts and as new posts are suggested.\n\n\u003cdiv\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src= \"https://raw.githubusercontent.com/alxwndr/react-native-resources/master/assets/img/react_native.png\"\u003e\n\u003c/p\u003e\n\u003c/div\u003e\n\n# Index\n- [Resources](#resources)\n    + [Official Documentation](#official-documentation)\n    + [Community](#community)\n    + [Cheat Sheets](#cheat-sheets)\n    + [Docs](#docs)\n    + [Project Setup](#project-setup)\n    + [Great Sites](#great-sites)\n- [Other resourses](#other-resourses)\n  * [Experiences/Case studies](#experiences-case-studies)\n  * [React-Native architecture](#react-native-architecture)\n  * [Layout / UI](#layout---ui)\n  * [Images](#images)\n  * [Animations](#animations)\n  * [Navigation and Routing Overview](#navigation-and-routing-overview)\n    + [Navigation](#navigation)\n    + [React Native Router Flux](#react-native-router-flux)\n    + [Other Navigation Options](#other-navigation-options)\n  * [Push Notifications](#push-notifications)\n  * [Geolocation/Maps](#geolocation-maps)\n  * [AR/VR](#ar-vr)\n  * [Storage](#storage)\n  * [Performance](#performance)\n  * [Debugging](#debugging)\n  * [Testing](#testing)\n    + [Testing with Jest](#testing-with-jest)\n  * [Tooling/Analytics](#tooling-analytics)\n  * [Deployment](#deployment)\n  * [Offline functionality](#offline-functionality)\n  * [Authentication](#authentication)\n  * [Bridgin in RN](#bridgin-in-rn)\n    + [Bridging into Native Codebases - iOS](#bridging-into-native-codebases---ios)\n    + [Bridging into Native Codebases - Android](#bridging-into-native-codebases---android)\n    + [Optimizing and Performance](#optimizing-and-performance)\n    + [Cool Custom Components...](#cool-custom-components)\n  * [Misc](#misc)\n  \n\n# Resources\n\n### Official Documentation\n| Title | Description |\n| :------------ |:---------------|\n| [React Native Website](http://facebook.github.io/react-native/docs/getting-started.html) | The official React Native Docs and reference aka the good shit. Your primary reference for everything |\n| [React](https://facebook.github.io/react/docs/hello-world.html)| The official React Docs. Use to learn React |\n| [Redux](http://redux.js.org/)| Read this to learn Redux |\n\n### Community \n| Title | Description |\n| :------------ |:---------------|\n| [React Native AMA](https://www.reddit.com/r/IAmA/comments/3wyb3m/we_are_the_team_working_on_react_native_ask_us/) | React Native team takes questions about React Native|\n| [React Native Roadmap](https://github.com/facebook/react-native/wiki/Roadmap) | |\n| [React Native Product Pains](https://productpains.com/product/react-native) | If you have a problem with React Native, post it here. Good way to check out the biggest sentiments currently on React Native |\n| [Reddit](https://www.reddit.com/r/reactnative/)  |\n| [React Native in the Community](https://github.com/ericvicenti/react-native-community) | A list of community-built React Native contributions. |\n| [React Native Newsletter](http://reactnative.cc/) | |\n| [Online meetups](https://github.com/knowbody/react-native-online-meetups)  | |\n| [StackOverflow](http://stackoverflow.com/questions/tagged/react-native)| |\n| [Discord](https://discordapp.com/invite/0ZcbPKXt5bZjGY5n)| |\n| [React Native Wiki](https://github.com/facebook/react-native/wiki/Roadmap)  | Has a roadmap section to show the future of react native development |\n| [Use React Native Website](http://www.reactnative.com/)  | Website works similarly to this project |\n| [Reactiflux](https://www.reactiflux.com/) | |\n| [React Native Gallery](https://reactnative.gallery/) |\n\n### Cheat Sheets\n| Title | Description |\n| :------------ |:---------------|\n| [React Native Cheatsheet](https://github.com/refinery29/react-native-cheat-sheet) | React Native TidBits |\n| [React Native Styling Cheat Sheet](https://github.com/vhpoet/react-native-styling-cheat-sheet)| Cheatsheet for styling react antive components |\n| [Core Components Cheatsheet](https://www.codecademy.com/learn/learn-react-native/modules/core-components-react-native/cheatsheet)| Core Components Cheatsheet  |\n| [React Native Styling Cheat Sheet]([https://github.com/vhpoet/react-native-styling-cheat-sheet](https://react-apollo.github.io/2017/01/28/React%20Native%20Styling%20Cheat%20Sheet/))| React Native Styling Cheat Sheet |\n| [Learning Path for React Native](https://medium.com/entria/learning-path-react-native-5a97e9ce8c52#.i5ootmhn8) | |\n\n\n### Docs \n\n- [Deco React Native Docs](https://www.decosoftware.com/docs/react-native/getting-started.html#content) \n- [Stack Overflow Docs](http://stackoverflow.com/documentation/react-native/topics) \n\n\n### Project Setup \n\n- [Renaming a React Native Project](http://blog.tylerbuchea.com/renaming-a-react-native-project/) \n- [Rename react-native app with just one command](https://github.com/JuneDomingo/react-native-rename) \n- [React Native Deployment to iPhone](https://medium.com/@kswanie21/react-native-deployment-to-iphone-76d8254f1505#.rhyo45u7i) \n\n\n### Great Sites\n| Title | Description |\n| :------------ | :-----|\n| [awesomereact.com](https://www.awesomereact.com/) | Bunch of really good videos to get you going with React |\n| [Awesome React Native](https://github.com/jondot/awesome-react-native) | the original Awesome React Native List |\n| [React Native Express](http://www.reactnativeexpress.com/)  | Walkthrough tutorial for beginners |\n| [React Native Playground](https://rnplay.org/apps/picks) | React Native project site. Sometimes doesn't function properly |\n| [React Native Coach](https://js.coach/react-native?sort=popular)  | List of Useful React Native Components to get you started |\n\n\n# Other resourses\n\n## Experiences/Case studies\n\n* React-Native case studies:\nhttps://belitsoft.com/react-native-development/migrating-react-native-top-20-case-studies-well-known-companies \n\n* housing.com's experience building RN app: https://medium.com/engineering-housing/how-we-built-our-react-native-app-3380a33811ac\n\n* https://blog.cloudboost.io/experience-building-first-react-native-app-from-hello-world-to-app-store-73781393af73\n\n* Building the chainReact app: https://shift.infinite.red/making-the-react-native-conference-app-in-react-native-9afd36be3681\n\n* https://blog.uptech.team/how-we-build-apps-on-react-native-part-2-7-things-you-should-know-to-save-your-development-time-944533f81c03\n\n* Series on building with React-Native: https://medium.com/building-with-react-native\n\n## React-Native architecture\n* How react-native works:\nhttp://www.discoversdk.com/blog/how-react-native-works\n\n* React-native inner working:\nhttp://www.geeksforgeeks.org/react-native-works/\n\n* React-native working under the hood:\nhttps://wetalkit.xyz/react-native-what-it-is-and-how-it-works-e2182d008f5e\n\n* Deep dive into react-native working:\nhttps://www.youtube.com/watch?v=7rDsRXj9-cU\n\n* React-native under the hood:\nhttps://www.youtube.com/watch?v=hDviGU-57lU\n\n* Architecture of React-native:\nhttps://www.youtube.com/watch?v=Ah2qNbI40vE\n\n* Under the hood of react-native:\nhttps://www.youtube.com/watch?v=8N4f4h6SThc\n\n## Layout / UI\n* Shapes in React-Native: https://codedaily.io/tutorials/22/The-Shapes-of-React-Native\n\n* Flexbox basics: https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\n* Themeing in React-Native: https://blog.benestudio.co/themes-in-react-native-16b4b0a33ed\n\n* Responsive UIs in react-native: https://hackernoon.com/responsive-uis-in-react-native-a406b5d6c36a\n\n* Fast and responsive UI tricks: https://medium.com/@adamjacobb/react-native-performance-building-a-fast-and-responsive-ui-62b5dcc8b8af\n\n* Build responsive UIs in react-native:\nhttps://medium.com/building-with-react-native/how-to-develop-responsive-uis-with-react-native-1x03-a448097c9503\n\n* Custom fonts in React-Native: https://medium.com/@ben.clayton/react-native-cross-platform-custom-fonts-3122cd4b75bd\n\n## Images\n* Pixel pefect cloud images in react-native: https://blog.uncommon.is/pixel-perfect-cloud-images-in-react-native-55acbc377a72\n\n* Image layout: https://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial-and-error-b2baaf0a1a4d\n\n* Interactive Images: https://medium.com/@shubhnik/creating-instagram-medium-like-responsive-images-in-react-native-170a5126a5f\n\n* Image caching: https://hackernoon.com/image-caching-in-react-native-96d8df33ca84\n\n* Photo editing using Photoeditor sdk for react-native: https://blog.photoeditorsdk.com/photoeditor-sdk-react-native-15179c589a55\n\n* Progressive images and caching:\nhttps://medium.com/@wcandillon/smart-images-in-react-native-db0ef047dd8c\n\n* Five things to know about images in React-Native: https://hackernoon.com/5-things-to-know-about-images-react-native-69be41d2a9ee?source=twitterShare-695782484bda-1518748257\n\n* React-Native image performance: https://medium.com/@adamjacobb/react-native-performance-images-adf5843e120\n\n## Animations\n* Exploring animated API: https://medium.com/react-native-training/react-native-animations-using-the-animated-api-ebe8e0669fae\n\n* PanResponder + Animated API basics: \n\n  * https://mindthecode.com/getting-started-with-the-panresponder-in-react-native/\n   \n  * https://github.com/shubhnik/react-native-animation1\n\n  * https://github.com/shubhnik/react-native-animation2\n\n  * https://github.com/shubhnik/react-native-animation3\n\n* https://medium.com/oberonamsterdam/what-the-react-native-docs-forgot-to-tell-you-about-animations-c21d67abf14d\n\n* https://medium.com/the-react-native-log/building-a-facebook-paper-like-ui-with-react-native-4a753623d343\n\n* React-Native's LayoutAnimation: https://medium.com/@nemishah1212/messing-around-with-react-natives-layout-animation-4260d5022cab\n\n* Creating a drag and drop component in react-native:\nhttps://blog.reactnativecoach.com/creating-draggable-component-with-react-native-132d30c27cb0\n\n* Building Apple Music UI with pan animations:\nhttps://blog.expo.io/tutorial-apple-music-ui-pan-animation-f25dcf39d2b9\n\n* Android lock-pattern implementation using Animated API: https://medium.com/@audytanudjaja/android-pattern-lock-with-react-native-and-expo-c94c58a5d343\n\n* Smoother animations using native driver:\nhttps://facebook.github.io/react-native/blog/2017/02/14/using-native-driver-for-animated.html\n\n* https://medium.freecodecamp.org/bubble-animation-with-react-native-72674eab073a\n\n* https://medium.com/@narendrashetty/shared-element-transition-with-react-native-159f8bc37f50\n\n* https://medium.com/@audytanudjaja/react-native-ui-challenge-building-instagram-zoom-draggable-photo-9127413b1d29\n\n* Animating TextInputs: https://goshakkk.name/floating-label-input-rn-animated/\n\n* Adding Lottie animations in React-Native: https://medium.com/react-native-training/lottie-react-native-tutorial-162d91840720\n\n* Drag and drop tags in React-Native(Part-1): https://rationalappdev.com/drag-and-drop-tags-in-react-native-part-1-of-2/\n\n* Drag and drop tags in React-Native(Part-2): https://rationalappdev.com/drag-and-drop-tags-in-react-native-part-2-of-2/\n\n* ScrollView animations using Animated API: https://medium.com/dailyjs/how-i-linked-animated-headers-to-scroll-position-in-react-native-1a4906fca25b\n\n* Animating items of FlatList: https://hackernoon.com/how-to-animate-the-items-of-a-react-native-flatlist-32c8cbf7ea3d\n\n* Breaking down a counter animation n React-Native: https://medium.com/@Mz_Chi/breaking-down-a-counter-animation-in-react-native-1e4d6465b9fa\n\n* React-Native animations done right: https://medium.com/@7ynk3r/react-native-animations-done-right-d5249cc1ebbf\n\n* Experiments with high erformance animations in React-Native: https://engineering.salesforce.com/experiments-with-high-performance-animation-in-react-native-80a0cb7052b0\n\n* How to achieve great animation performance in React-Native: \nhttps://medium.com/building-with-react-native/animations-in-react-native-how-to-achieve-great-performance-and-tips-1x04-44fd43996428\n\n* react native animatable: https://github.com/oblador/react-native-animatable\n\n* Master React Native Animations: https://www.codedaily.io/courses/Master-React-Native-Animations\n\n\n## Navigation and Routing Overview\n\n- [Navigation in React Native: Examining and Understanding the Options](http://slides.com/dabit3/comprehensive-navigation-in-react-native-10#/) \n- [Routing and Navigation in React Native](http://blog.paracode.com/2016/01/05/routing-and-navigation-in-react-native/) \n-  [Exploring Navigators in React Native](https://medium.com/@spencer_carli/exploring-navigators-in-react-native-869b6ab47e0f#.qhchjsgco) \n- [React Native — Which Navigator should I use?](https://medium.com/@dabit3/react-native-what-navigator-should-i-use-2ff59ec2b2d#.szcpi1gry) \n- [React Native Navigator — Navigating Like A Pro in React Native](https://medium.com/@dabit3/react-native-navigator-navigating-like-a-pro-in-react-native-3cb1b6dc1e30#.8e4ouui5y) \n- [Eric Vicenti - Native Navigation for Every Platform at ReactEurope 2016](https://www.youtube.com/watch?v=dOSwHABLvdM) Navigation in the Facebook apps. Also talks about the future of NavigationExperimental \n- [Build your own javascript navigator for react native](https://www.fullstackreact.com/articles/build-your-own-javascript-navigator-for-react-native/)\n\n### Navigation\n\n* React-Navigation integration with Redux with authentication flow:\nhttps://hackernoon.com/a-comprehensive-guide-for-integrating-react-navigation-with-redux-including-authentication-flow-cb7b90611adf\n\n* Deep linking with react-Navigation: https://medium.com/react-native-training/deep-linking-your-react-native-app-d87c39a1ad5e\n\n* Improving React-Navigation performance:\nhttps://novemberfive.co/blog/react-performance-navigation-animations/\n\n* React-Navigation drawer tutorial: https://shift.infinite.red/react-navigation-drawer-tutorial-a802fc3ee6dc\n\n* Configuring android drawer and status bar: https://blog.callstack.io/android-drawer-statusbar-done-right-for-react-native-7e85f01fc099\n\n* Custom transitions in React Navigation:\nhttps://medium.com/async-la/custom-transitions-in-react-navigation-2f759408a053\n\n* 5 part series on React-Navigation:\nhttps://medium.com/async-la/a-stately-guide-to-react-navigation-with-redux-1f90c872f96e\n\n\n### React Native Router Flux\n\n- [React Native Basics: Using react-native-router-flux](https://medium.com/differential/react-native-basics-using-react-native-router-flux-f11e5128aff9#.7fw7f05yl)  Blog + Youtube series\n- [Tackling React Native navigation with React Native Router Flux and Redux](https://medium.com/@bosung90/tackling-react-native-navigation-with-react-native-router-flux-and-redux-27fcd86fb2b7#.uq6ev98q9)\n- [Using React-Native-Router-Flux with Redux](https://medium.com/@ian.mundy/using-react-native-router-flux-with-redux-9b10be35cd37#.gditrhb8m) \n\n### Other Navigation Options\n\n- [Introducting React Router Native](https://commitocracy.com/introducing-react-router-native-b02e76b8ca5d#.xoxdv0ys1) \n- [Wix React Native Navigation](http://oramind.com/react-native-navigation/#comment-3019731732) \n- [react-native-animated-modal](https://github.com/mmazzarolo/react-native-animated-modal) \n- [Swipeable cards navigation](https://medium.com/technoetics/creating-swipable-content-cards-in-reactnative-768254057c9e#.sjf2y9dd9) \n- [Ex-navigation Explainer](https://gist.github.com/knowbody/ce483742a1761658b767428a0ed35147) \n- [Using Ex-Navigation in React Native](https://blog.binoy.io/ex-navigation-in-react-native-2f30d21d62d9#.23orid4u5)\n- [lottie-react-native](https://github.com/airbnb/lottie-react-native) \n- [react-native-facebook-keyframes](https://github.com/underscopeio/react-native-facebook-keyframes) \n- [App Animations with Lottie by Airbnb](https://blog.prototypr.io/app-animations-with-lottie-by-airbnb-8101277c95c7#.izvh5sn5g) \n\n\n\n## Push Notifications\n- [How to Setup Push Notifications in React Native (iOS \u0026 Android)](https://medium.com/differential/how-to-setup-push-notifications-in-react-native-ios-android-30ea0131355e#.nqef8ufjg) \n- [Triggering iOS 10 actionable push notifications via React Native](https://medium.com/@martco/triggering-ios-actionable-push-notifications-via-react-native-7990a6a3c3f4#.qc38i1u1z)\n- [How to Setup Push Notifications with React Native](https://www.youtube.com/watch?v=TQmudJLhPx8) \n- [React Native Library for OneSignal Push Notifications Service](https://github.com/geektimecoil/react-native-onesignal) \n\n\n## Geolocation/Maps\n* Geolocation with react-native-maps (2 parts): https://www.asher-scott.com/blog/post/2\n\n* Geolocation basics in react-native: https://hackernoon.com/react-native-basics-geolocation-adf3c0d10112\n\n## AR/VR\n* Building AR app with React-Native and Viro AR: https://blog.viromedia.com/how-to-build-an-interactive-ar-app-in-5-mins-w-react-native-viro-ar-e420147e1612\n\n* Building AR portals with React-Native and Viro AR: https://blog.viromedia.com/how-to-build-ar-portals-in-5-mins-w-react-native-viro-ar-b939850def94\n\n* Adding Snapchat like AR lenses in React-Native: https://blog.viromedia.com/add-snapchat-ar-lenses-to-any-app-w-react-native-viro-ar-9d4053769782\n\n## Storage\n* https://medium.com/@bosung90/tackling-react-native-storage-part-1-d27b2bfa480f\n\n## Performance\n* React-Native performance profiling: https://medium.com/@adamjacobb/react-native-performance-profiling-32dd00b93351\n\n* An article on react-native performance: https://medium.com/@talkol/performance-limitations-of-react-native-and-how-to-overcome-them-947630d7f440\n\n* Another article on react-native performance: https://medium.com/@talkol/performance-limitations-of-react-native-and-how-to-overcome-them-947630d7f440\n\n* https://hackernoon.com/5-ways-we-improved-our-react-native-app-2704d5098b20\n\n* Using InteractionManager: https://github.com/brentvatne/run-after-interactions-exp/blob/master/main.js\n\n* Debugging react-native performance: https://medium.com/@jondot/debugging-react-native-performance-snoopy-and-the-messagequeue-fe014cd047ac\n\n## Debugging\n* https://medium.com/research-engineering-at-simply-technologies/react-native-debugging-like-a-god-9610ac2ffd12\n\n* Awesome techniques to debug react-native app: https://medium.com/reactnativeacademy/debugging-react-native-applications-6bff3f28c375\n\n* React-Native debugging using React-Native debugger: \nhttps://levelup.gitconnected.com/supercharge-your-react-native-development-with-react-native-debugger-7633882683a9\n\n* Extending react-native dev menu:\nhttps://medium.com/capriza-engineering/extending-react-natives-dev-menu-c084fc93717d\n\n* Debugging react-native and redux applications using react-native debugger:\nhttps://blog.reactnativecoach.com/debugging-react-native-and-redux-with-react-native-debugger-62f6ceef3033\n\n* Debugging the bridge:\nhttps://blog.callstack.io/reactnative-how-to-check-what-passes-through-your-bridge-e435571ffd85\n\n\n## Testing\n\n- [Using Enzyme to Test Components in React Native](https://github.com/airbnb/enzyme/blob/master/docs/guides/react-native.md) \n- [Testing React Native with Mocha and Enzyme](https://blog.addjam.com/testing-react-native-with-mocha-and-enzyme-6b77cd9e52a1#.s39leomg6) \n- [Unit Testing React Native With Mocha And Enzyme](https://formidable.com/blog/2016/02/08/unit-testing-react-native-with-mocha-and-enzyme/) \n- [Testing React Native](https://www.youtube.com/watch?v=6aVDe2Y-co4)\n- [React Native on Simulator and on Device](https://gist.github.com/almost/898a829d5197c69d29b0)\n- [Testing the Bejeezus out of React Native Apps with AVA](https://shift.infinite.red/testing-the-bejeezus-out-of-react-native-apps-with-ava-330f51f8f6c3#.7urkxe5xa)\n- [Test driving React Native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/) \n- [Automated UI Testing with React Native on iOS](http://blog.xebia.com/automated-ui-testing-with-react-native-on-ios/) \n- [React Native Mock](https://github.com/RealOrangeOne/react-native-mock) | Github | | A fully mocked and test-friendly version of react native \n- [Testing React Native and Redux](https://blog.hellojs.org/testing-react-native-and-redux-e5a71b99e178#.oy2vojoid) \n- [carte-blanche](https://github.com/carteb/carte-blanche) | Github | | An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them. [youtube video](https://www.youtube.com/watch?v=6g3-TQ6aaw8) \n- [A fully mocked and test-friendly version of React Native](https://github.com/RealOrangeOne/react-native-mock) \n- [React Native Functional Testing using Appium](http://moduscreate.com/react-native-functional-testing-using-appium/) \n- [Graybox E2E tests and automation library for mobile](https://github.com/wix/detox) \n### Testing with Jest\n\n- [Learning to test React Native with Jest — part 1](https://medium.com/react-native-training/learning-to-test-react-native-with-jest-part-1-f782c4e30101)\n- [Learning to test React Native with Jest — part 2](https://medium.com/react-native-training/learning-to-test-react-native-with-jest-part-2-825057dd549d) \n- [Learning to test React Native with Jest — part 3](https://medium.com/react-native-training/learning-to-test-react-native-with-jest-part-3-c4161a813af6) \n- [Unit testing React Native with the *new* Jest (I) — Snapshots come into play!](https://blog.callstack.io/unit-testing-react-native-with-the-new-jest-i-snapshots-come-into-play-68ba19b1b9fe#.f8xoocdjy) [code](https://github.com/ferrannp/react-native-testing-example) \n- [Unit testing React Native with the *new* Jest (II) — Redux: Snapshots for your actions and reducers](https://blog.callstack.io/unit-testing-react-native-with-the-new-jest-ii-redux-snapshots-for-your-actions-and-reducers-8559f6f8050b#.ka8zkm3wy) \n- [Using Jest Everywhere](https://jest-everywhere.now.sh/#/0?_k=k0sl57) \n- [Using Jest with React Native and MobX](https://wietse.loves.engineering/using-jest-with-react-native-and-mobx-34949ea7d2cf#.rw9v63sgx)\n- [How to use Jest with React Native](http://stackoverflow.com/questions/29730415/how-to-use-jest-with-react-native?rq=1) \n- [Jest Docs React Native](https://facebook.github.io/jest/docs/tutorial-react-native.html#content) \n- [Testing React Native Componenets with Jest](http://www.schibsted.pl/blog/testing-react-native-components-with-jest/)  \n- [Unit Testing React Native Components: A Firsthand Guide](https://medium.com/@jcfrancisco/unit-testing-react-native-components-a-firsthand-guide-cea561df242b#.64258uj88) \n- [React Testing Practices](https://medium.com/in-the-hudl/hot-react-testing-practices-1eb10bd61135#.r4jj2rrpy) \n- [Testng React Applications with Jest](https://auth0.com/blog/testing-react-applications-with-jest) \n\n\n## Tooling/Analytics\n* VSCode setup for React-Native: https://medium.com/react-native-training/vscode-for-react-native-526ec4a368ce\n\n* Visual Studio Mobile center + React-Native: https://medium.com/react-native-training/up-running-with-react-native-visual-studio-mobile-center-e3c95adbf650\n\n* Working with Typescript and react-native:\nhttps://medium.com/react-native-training/up-and-running-with-react-native-and-typescript-8d398e910a19\n\n* Beta testing a RN app: https://medium.com/komenco/beta-testing-your-react-native-android-application-with-crashlytics-483c7e66a423\n\n* Adding crashlytics: https://medium.com/delivery-com-engineering/add-crashlytics-to-your-react-native-ios-app-69a983a9062a\n\n* Updating react-native app: https://medium.com/react-native-training/updating-your-react-native-app-a724c996a76d\n\n## Deployment\n* Understanding react-native deployments:\nhttps://medium.com/react-native-training/understanding-react-native-deployments-6e54157920b7\n\n* App deployment: https://pillow.codes/bitrise-codepush-react-native-ideal-mobile-ci-setup-6283b86146c\n\n* Continuous integration for react-native apps: https://stories.nevercode.io/setting-up-continuous-integration-for-react-native-with-nevercode-36f313a13357\n\n* Continuous integration forreact-native apps using Visual Studio App Center:\nhttps://medium.com/react-native-training/setup-continuous-integration-with-react-native-50ad2f6145f4\n\n## Offline functionality\n* Using redux-offline for react-native and PWA for offline first architecture: https://hackernoon.com/introducing-redux-offline-offline-first-architecture-for-progressive-web-applications-and-react-68c5167ecfe0\n\n* Handling offline actions in react-native: https://medium.com/differential/handling-offline-actions-in-react-native-74949cbfabf2\n\n* Offline utilities: https://blog.callstack.io/your-react-native-offline-tool-belt-795abd5f0183\n\n* Offline first app with react-native and redux: http://rationalappdev.com/offline-first-apps-with-react-native-and-redux/\n\n## Authentication\n* OAuth2 with React-Native: https://medium.com/@jtremback/oauth-2-with-react-native-c3c7c64cbb6d\n\n* Creating an authentication system and a persistent user session with react-native: http://www.theodo.fr/blog/2017/03/how-to-create-an-authentication-system-and-a-persistent-user-session-with-react-native/\n\n* React-Native authentication in depth ( AWS Mobile hub + AWS Amplify + Amazon Cognito ): https://medium.com/react-native-training/react-native-authentication-in-depth-8d8c2e4ad81b\n\n* React-Native authentication using Firebase:\nhttps://blog.invertase.io/getting-started-with-firebase-authentication-on-react-native-a1ed3d2d6d91\n\n## Bridgin in RN\n### Bridging into Native Codebases - iOS\n| Title | Description |\n| :------------ | :-----|\n| [Bridging in React Native](http://tadeuzagallo.com/blog/react-native-bridge/) | An in-depth look into React Native's Core | \n| [Swift Modules With React Native](http://126kr.com/article/6c8p3x2zz2x) | | | |\n| [Building Better cross platform components](https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472#.6kyg7mduq) | | | |\n| [Custom React Native Components in Swift](http://kevin-deleon.com/2015/05/custom-react-native-components-in-swift/) | | | |\n| [React Native - How to bridge a Swift View](http://browniefed.com/blog/react-native-how-to-bridge-a-swift-view/) | | | |\n| [React Native - How to Bridge an Objective-C View Component](http://browniefed.com/blog/react-native-how-to-bridge-an-objective-c-view-component/) | | | |\n| [Exposing Native Modules with React Native](https://speakerdeck.com/naoufal/exposing-native-modules-with-react-native) | | | |\n| [Creating your own native bridge](https://medium.com/@kureevalexey/how-to-create-you-own-native-bridge-93a8d4a40bd2#.a4228gmyh) | | | |\n| [Creating a Swift-ReactNative project](https://gist.github.com/boopathi/27d21956fefcb5b168fe) | | | |\n| [Swift Modules for React Native](http://moduscreate.com/swift-modules-for-react-native/) | | | |\n| [Swift to React Native](https://www.dropbox.com/s/xg53fjyzrogxji9/UIKonf.pdf?dl=0) | | | |\n| [Invoke Any Native API Directly From Pure Javascript in React Native](https://medium.com/@talkol/invoke-any-native-api-directly-from-pure-javascript-in-react-native-1fb6afcdf57d#.qbel10t3i) | | | |\n| [Jeremy Grancher - React Native Custom Components](https://www.youtube.com/watch?v=ykep4C_uXCE), [slides](http://www.slideshare.net/JeremyGrancher/react-native-custom-components) | | | |\n| [React Native Tutorial: Integrating in an Existing App](https://www.raywenderlich.com/136047/react-native-existing-app) | | | |\n| [Creating a Swift-ReactNative project](https://gist.github.com/boopathi/27d21956fefcb5b168fe) | | | |\n| [Integrating React Native with an Existing App](https://corbt.com/posts/2015/09/18/integrating-react-native-with-an-existing-app.html) | | | |\n| [Custom iOS Views with React Native](http://almostobsolete.net/react-native/custom-ios-views-with-react-native.html) | | | |\n| [Adding React Native to Existing iOS Project Without CocoaPods](https://medium.com/@joshyhargreaves/adding-react-native-to-existing-ios-project-without-cocoapods-6f1ee9106009#.x7en4qvf6) | Blog | | |\n| [How to Create a React Native iOS Native Module](http://blog.tylerbuchea.com/how-to-create-a-react-native-ios-native-module/) | Blog | | |\n\n### Bridging into Native Codebases - Android\n| Title | Description |\n| :------------ | :-----|\n| [React Native for Android](https://speakerdeck.com/obishop/react-native-for-android) | | | |\n| [One Day with React Native for Android](https://corbt.com/posts/2015/09/16/one-day-with-react-native-for-android.html) | | | |\n| [Native Modules for React Native Android](https://shift.infinite.red/native-modules-for-react-native-android-ac05dbda800d#.apuxx58p9)||||\n| [React Native for Android: How we built the first cross-platform React Native app](https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/) | | | |\n| [Handling Android Back Button Events in React Native with Custom Components](https://medium.com/the-many/handling-android-back-button-events-in-react-native-with-custom-components-b33c63b0633b#.vpfh7ww5r) | | | |\n| [Building the custom Android module for React Native](https://medium.com/@sriraman2/building-the-custom-android-module-for-react-native-4317d8e6c31d#.h8vlutt61) | | | |\n| [React Native with JNI \u0026 C](https://thebhwgroup.com/blog/react-native-jni) | Blog | | |\n| [Writing Android component for React Native](https://medium.com/@sejoker/writing-android-component-for-react-native-e34802bf3377#.79oicqcw0) | | | |\n\n\n### Optimizing and Performance\n| Title | Description |\n| :------------ | :-----|\n| [React.js Conf 2016 - Tadeu Zagallo - Optimising React Native: Tools and Tips](https://www.youtube.com/watch?v=0MlT74erp60) | Talks about the React Native build process |\n| [Introduction to React Native Performance](https://speakerdeck.com/talkol/introduction-to-react-native-performance), [code](https://github.com/wix/rn-perf-experiments)| React Native holds great promise in terms of excellent developer experience with Javascript and code reuse between platforms. The big question is — do these benefits come at the price of performance? How well can React Native hold its own against purely native implementations?|\n| [Performance Limitations of React Native and How to Overcome Them](https://speakerdeck.com/talkol/performance-limitations-of-react-native-and-how-to-overcome-them), [writeup](https://medium.com/@talkol/performance-limitations-of-react-native-and-how-to-overcome-them-947630d7f440#.rrvjohh30)  |\n| [Recycling Rows For High Performance React Native List Views](https://medium.com/@talkol/recycling-rows-for-high-performance-react-native-list-views-628fd0363861#.k2q8jc37h) | |\n| [Building a custom listview](https://www.youtube.com/watch?v=cI9bDvDEsYE\u0026feature=youtu.be\u0026t=2m11s) | |\n| [React Native Scheduling](https://www.facebook.com/notes/andy-street/react-native-scheduling/10153916310914590?hc_location=ufi)  | |\n| [React Native’s JavaScript Execution Contexts](https://medium.com/@shaheenghiassy/react-native-s-execution-context-d63e5d4930f4#.9uvk1zb5h)| |\n| [Breaking up Heavy Processing in React Native](https://corbt.com/posts/2015/12/22/breaking-up-heavy-processing-in-react-native.html) | |\n| [Under The Hood of React Native - Martin Konicek - Reactive 2015](https://www.youtube.com/watch?v=8N4f4h6SThc), [slides](https://speakerdeck.com/mkonicek/under-the-hood-of-react-native)| |\n| [JavaScript, React Native and Performance at react-europe 2016](https://www.youtube.com/watch?v=1oL_OJ3UePU), [slides](http://www.slideshare.net/TadeuZagallo/javascript-react-native-and-performance-at-reacteurope-2016) | |\n| [Alexander Kotliarskyi - React Native: Under the Hood - YGLF2015](https://www.youtube.com/watch?v=hDviGU-57lU), [slides](https://speakerdeck.com/frantic/react-native-under-the-hood) | Nice quick overview of the performance optimizations React Native makes behind the scences via async calls and batch updates |\n| [Dive into React Native performance](https://code.facebook.com/posts/895897210527114/dive-into-react-native-performance/)  | |\n| [React Native Internals: A Wider Picture (Part 1: MessageQueue \u0026 JS Thread)](https://medium.com/@rotemmiz/react-native-internals-a-wider-picture-part-1-messagequeue-js-thread-7894a7cba868#.4eef547de) | |\n| [Debugging React Native Performance: Snoopy and the MessageQueue](https://medium.com/@jondot/debugging-react-native-performance-snoopy-and-the-messagequeue-fe014cd047ac#.7k80oeg1e)  | |\n| [React Internals](https://zackargyle.github.io/react-internals-slides/#/0?_k=thic0m) | Slides | | Even though this is pretty much only about react, it is too good of a presentation to ignore. Goes into the concepts behind state, reconciliation, syntheticevent, and react fiber  |\n| [Optimizing React Native: Dynamic Gif Scrolling](https://medium.com/@tommylackemann/optimizing-react-native-dynamic-gif-scrolling-81fc5d132d4d#.uicyfycls) | |\n| [React Performance](http://presentations.survivejs.com/react-performance)| |\n| [Tempted to abandom React Native for Native Android](https://news.ycombinator.com/item?id=13568381)  | |\n| [I made React Native fast, you can too](https://launchdrawer.com/i-made-react-native-fast-you-can-too-9e61c951ce0#.y44p8lwdd) | Discuesses overdraw problems on Android and how you can track them down and eliminate them with GPU Prfiling tools in Android Studio  |\n\n\n### Cool Custom Components...\n| Title | Description |\n| :------------ | :-----|\n| [Awesome React Components](https://habd.as/awesome-react-components/#react-native) | List of React Native comonents and number of stars |\n| [reactscript.com](http://reactscript.com/react-native/) | React Native Componets Website - lots and lots of components! |\n| [Libs, Articles and Tutorials](https://android.jlelse.eu/libs-articles-and-tutorials-that-will-help-you-to-make-awesome-react-native-apps-f584060320a1#.z7yhtwsiy) | |\n| [react-native-grid-component](https://github.com/phil-r/react-native-grid-component) | |\n| [react-sortable-tree](https://github.com/fritz-c/react-sortable-tree) | |\n| [React Native FoldView](https://github.com/jmurzy/react-native-foldview) | |\n| [Sortable ListView](https://github.com/deanmcpherson/react-native-sortable-listview)  | |\n| [react-native-sglistview](https://github.com/sghiassy/react-native-sglistview) | SGListView is a memory minded implementation of React Native's ListView |\n| [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list) | |\n| [react-native-utils](https://github.com/ksti/react-native-utils#readme)  | | \n| [react-native-app-link](https://github.com/datwheat/react-native-app-link)  | Easily link to other apps with React Native. |\n\n\n## Misc\n* Building an e-commerce search app in React-Native:\nhttps://hackernoon.com/building-an-e-commerce-search-app-with-react-native-2c87760a2315\n* Communicating between react-native and webview:\nhttps://medium.com/capriza-engineering/communicating-between-react-native-and-the-webview-ac14b8b8b91a\n* Tweeting in React-Native using linking: https://medium.com/@jordan_mohi/tweeting-with-react-native-and-linking-openurl-9c505d49bc3e\n* Implementing native modules for ios in React-Native: https://medium.com/@shashank.shashi2/implementing-native-modules-for-ios-react-native-bcb76be696ea\n* Add admob to react-native app: https://medium.com/@TarikHajji/add-admob-to-react-native-app-5b1e91be459\n* React-Native quirks: https://codeburst.io/react-native-quirks-2fb1ae0bbf80\n* Communicating to and from native UI components: https://medium.com/@john1jan/communicating-to-and-from-native-ui-components-in-react-native-android-b8abcfb2f9c8\n* Sending events to Javascript from native module in React-Native: \nhttps://blog.callstack.io/sending-events-to-javascript-from-your-native-module-in-react-native-29244f890e04\n* Handling deep linking in React-Native: https://medium.com/the-react-native-log/handle-deep-links-in-react-native-apps-b22055149b3a\n* Using Expo, Gulp and Webpack to publish react components to npm:\nhttps://blog.expo.io/how-to-combine-expo-gulp-and-webpack-to-create-and-publish-react-components-to-npm-baec7b6bb443\n* Turn any Javascript library into React-Native component:\nhttps://medium.com/react-native-training/turn-any-javascript-library-into-a-react-native-component-e8ab0c710f12\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falxwndr%2Freact-native-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falxwndr%2Freact-native-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falxwndr%2Freact-native-resources/lists"}