React Native

repo: jondot/awesome-react-native
category: Platforms related: React · iOS · Android · JavaScript · Flutter


Awesome React Native is an awesome style list that curates the best React Native libraries, tools, tutorials, articles and more. PRs are welcome!

<br/> <br/>

<p align="center"> <a href="https://bit.ly/arn-wkly">Don't miss out! Subscribe to our weekly newsletter</a> </p> <br/> <br/>

<img src="https://travis-ci.org/jondot/awesome-react-native.svg?branch=master" alt="Build Status" />

Sponsors

Never leave your command line for secrets

<a href="https://github.com/spectralops/teller"><img src="https://github.com/SpectralOps/teller/raw/master/media/cover.png"/></a>

Teller is an OSS and FREE productivity secret manager for developers made by SpectralOps, supporting cloud-native apps and multiple cloud providers. Mix and match all vaults and other key stores and safely use secrets as you code, test, and build applications. It's quick, easy, and safe.

Get Started Now!

Categories

Many thanks to everyone on the contributor list\:)

Conferences

Conferences dedicated to React Native specifically. A listing of React general conferences can be found on the ReactJS site.

Chain React - Portland, OR USA

http://chainreactconf.com

Workshops - July 11th, 2018\ Conference - July 12-13th, 2018

React Native EU - Wroclaw, Poland

http://react-native.eu/

Workshops - September 3-4th, 2018\ Conference - September 5-6th, 2018

React Alicante - Alicante, Spain

http://reactalicante.es/

Workshops - September 13th, 2018\ Conference - September 14-15th, 2018

ReactNext - Tel Aviv, Israel

https://react-next.com/

Conference - November 4th, 2018

App.js Conf - Krakow, Poland

https://appjs.co/

Conference - April 4th, 2019 Workshops - April 5th, 2019

Chain React - Portland, OR USA

https://infinite.red/ChainReactConf

Workshops - July 10th, 2019 Conference - July 11th-12th, 2019

React Native EU - Wroclaw, Poland

https://react-native.eu/

Workshops - September 4th, 2019 Conference - September 5th-6th, 2019

React Berlin - Berlin, Germany

https://reactday.berlin/

Workshops - December 4th-5th, 2019 Conference - December 6th, 2019

ReactEurope - Paris, France

https://www.react-europe.org/

Conference - May 14th-15, 2020 Workshops - May 12th-13th, 2020

Articles

Content published on the Web.

Reference

Howtos

  • [Add client-side indecent content checking to your React Native app using NSFWJS and TensorFlowJS](https://shift.infinite.red/nsfw-js-for-react-native-a37c9ba45fe9)
  • [How to add Firebase Auth with React Native ★4](https://github.com/g6ling/React-Native-Tips/tree/master/How_to_add_Firebase_Auth_with_react_native)
  • [How to get started with Cloud Firestore on React Native](https://invertase.io/blog/getting-started-with-cloud-firestore-on-react-native)
  • [How to upgrade React Navigation 1.x to 2.x](https://shift.infinite.red/upgrading-from-react-navigation-v1-to-v2-312d932329ba)
  • [How to use React Native Navigation v2 with Redux and Google Analytics](https://www.codingsavvy.com/2018/08/react-native-navigation-v2-with-redux.html)
  • React-Navigation Drawer
  • [Getting Started with React Native Development on Windows](https://shift.infinite.red/getting-started-with-react-native-development-on-windows-90d85a72ae65#.lygadl38g)
  • [Getting Started with React Native Development for Windows](https://shift.infinite.red/getting-started-with-react-native-development-for-windows-ba23a4be90b6#.n6vtqtikh)
  • [Blueprint to becoming a React Native Developer](https://medium.com/@spencer_carli/blueprint-to-becoming-a-react-native-developer-6cad2b894887#.t3uw4j4u8)
  • How to Use the ListView Component
  • [How to upload photo/file in react-native](https://github.com/g6ling/React-Native-Tips/tree/master/How_to_upload_photo%2Cfile_in%20react-native)
  • [Change splash screen in React Native Android app](https://android.jlelse.eu/change-splash-screen-in-react-native-android-app-d3f99ac1ebd1#.pgjimxpgg)
  • Remote Push Notifications with OneSignal
  • [Release React Native App to Android Play Store](https://shift.infinite.red/simple-react-native-android-releases-319dc5e29605)
  • React Native & Apple TV today
  • [Record and Upload Videos with React Native](https://medium.com/react-native-training/uploading-videos-from-react-native-c79f520b9ae1)
  • [How to Setup your First React Native app](https://hackernoon.com/react-native-how-to-setup-your-first-app-a36c450a8a2f)
  • [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f)
  • [How To Build a News Reader App with React Native and NewsAPI](https://medium.com/crowdbotics/how-to-build-a-news-reader-app-with-react-native-and-newsapi-8508f48f2b43)
  • [How to Build a Real Time Logo Detection App with React Native](https://medium.com/crowdbotics/how-to-build-a-real-time-logo-detection-app-with-react-native-google-vision-api-and-crowdbotics-9ed65fbcd15)
  • [Build a Chatbot with Dialogflow and React Native](https://blog.jscrambler.com/build-a-chatbot-with-dialogflow-and-react-native/)
  • [How To Build Your First VR App with ViroReact and React Native](https://medium.com/crowdbotics/how-to-build-your-first-vr-app-with-viroreact-react-native-and-crowdboticsp-a376b49e1e1d)
  • [React Hooks Basics— Building a React Native App with React Hooks](https://medium.com/crowdbotics/build-a-react-native-app-with-react-hooks-5498e1d5fdf6)
  • [How to Build a Web App with React Native](https://heartbeat.fritz.ai/how-to-build-a-web-app-with-react-native-b93575a16a5e)
  • [Building a React Native Mobile App with AWS Amplify and Expo](https://heartbeat.fritz.ai/building-a-react-native-mobile-app-with-aws-amplify-and-expo-fcab6ee0555e)
  • [User Authentication with Amplify in a React Native and Expo app](https://heartbeat.fritz.ai/user-authentication-with-amplify-in-a-react-native-and-expo-app-d00cdaf1ac28)
  • [How to build an Email Authentication app with Firebase, Firestore and React Native](https://heartbeat.fritz.ai/how-to-build-an-email-authentication-app-with-firebase-firestore-and-react-native-a18a8ba78574)
  • [How to Gracefully Use Environment Variables in a React Native App](https://levelup.gitconnected.com/how-to-gracefully-use-environment-variables-in-a-react-native-app-7f1600446116)
  • [How to build a xylophone app with Audio API, React Native, and Expo](https://heartbeat.fritz.ai/how-to-build-a-xylophone-app-with-audio-api-react-native-and-expo-7d6754a0603c)
  • [How To Use WebViews in a React Native App](https://blog.jscrambler.com/how-to-use-webviews-in-a-react-native-app/)

Assorted

  • React Native Twitter Clone - React Native Twitter Clone powered by the Cosmic Headless CMS. Read about how it was built.
  • [Versioning React Native Application in elegant way (cross-platformely) ★10](https://github.com/szhigunov/react-native-npm-version)
  • [Best Practices for Building a Large Scale React Application](https://buttercms.com/blog/best-practices-for-building-a-large-scale-react-application)
  • React Native - Nic or Not App
  • [React and React Native State Museum](https://hackernoon.com/the-react-state-museum-a278c726315)
  • [Top 15 React Native libraries that I use in my apps](https://codingislove.com/top-15-react-native-libraries/)
  • [Building 3 React Native Apps in One Summer](https://medium.com/@rpastorelle/building-3-react-native-apps-in-one-summer-dcd0c31454ff)
  • React Native: Bringing modern web techniques to mobile
  • [First impressions using React Native](http://jlongster.com/First-Impressions-using-React-Native)
  • [Wrapping Cocoapods for React Native](https://shift.infinite.red/beginner-s-guide-to-using-cocoapods-with-react-native-46cb4d372995#.wzp2qq1hn)
  • React Native: Initial Thoughts (opinion)
  • A Dynamic Crazy Native Mobile Future Powered by Javascript
  • ReactNative NES & More
  • React Native Installation and Setup
  • [Diary of Building an iOS App with React Native](http://herman.asia/building-a-flashcard-app-with-react-native)
  • [Reflecting on React Native development](http://habd.as/reflecting-on-react-native-development/)
  • React-Native layout examples
  • React Native in Production - notes from Clay Allsop
  • [An iOS Developer on React Native](https://medium.com/ios-os-x-development/an-ios-developer-on-react-native-1f24786c29f0)
  • React Native and WebRTC
  • [How to bridge a Swift view](http://browniefed.com/blog/2015/11/28/react-native-how-to-bridge-a-swift-view/)
  • [How to select the right React Native database](https://www.simform.com/react-native-database-selection-guide/)
  • [Building a Native SoundCloud Android app with Redux](https://wiredcraft.com/blog/native-soundcloud-android-app/) - discussing redux, code reuse and performance on Android.
  • React Native Twitter exploding heart - hardcore animations with Animation and ReactART
  • Using AI to discover UI components - fun image processing / AI assisted process to discover and generate React Native UI
  • [Writing Android Components](https://medium.com/@sejoker/writing-android-component-for-react-native-e34802bf3377)
  • [Unit Testing React Native with Mocha and Enzyme](https://formidable.com/blog/2016/02/08/unit-testing-react-native-with-mocha-and-enzyme/)
  • React Native's Layout Animation is Awesome
  • Avoiding the Keyboard
  • [How To Use OpenCV In React Native For Image Processing](https://brainhub.eu/blog/opencv-react-native-image-processing/)
  • [Using Styled Components with React Native](https://medium.com/swlh/using-styled-components-with-react-native-de645fcf4787)
  • [Create a React Native Image Recognition App with Google Vision API](https://blog.jscrambler.com/create-a-react-native-image-recognition-app-with-google-vision-api/)
  • [A comprehensive guide on building offline React Native apps with AsyncStorage](https://heartbeat.fritz.ai/building-offline-react-native-apps-with-asyncstorage-dcb4b0657f93)
  • [Build a Chat App with Firebase and React Native](https://blog.jscrambler.com/build-a-chat-app-with-firebase-and-react-native/)
  • [Building Stylistic UIs with Emotion-JS for React Native](https://heartbeat.fritz.ai/how-to-use-emotion-js-with-react-native-fccac9c78779)
  • [Getting Started with Firestore and React Native](https://blog.jscrambler.com/getting-started-with-firestore-and-react-native/)
  • [React Native: Native Modules made for React developers](https://blog.photoeditorsdk.com/react-native-native-modules-made-for-react-developers-59ca93c41541) - on the developer experience with 3rd-party libraries for RN 0.60+
  • [Flutter vs React Native - Choosing your approach](https://buttercms.com/blog/flutter-vs-react-native-choosing-your-approach) - Comparison article to help you choose the best approach depending on your project and experience.

Continuous Integration

  • [How to build and deploy React Native apps for iOS and Android automatically with Appcircle CI/CD](https://appcircle.io/blog/guide-to-automated-mobile-ci-cd-for-react-native-appcircle/)
  • [Distributing beta builds with Fastlane on Android and iOS](https://github.com/thecodingmachine/react-native-boilerplate/blob/master/docs/beta%20builds.md)
  • [Deploying a React Native App with Fastlane](https://dbanck.svbtle.com/deploying-a-react-native-app-with-fastlane)
  • [Continuous Integration for React Native Apps With Fastlane and Bitrise (iOS)](http://blog.thebakery.io/continuous-integration-for-react-native-applications-with-fastlane-and-bitrise-ios-version/)
  • [How to automate Android build process on Bitrise CI](https://medium.com/@hesam.kamalan/how-to-automate-android-build-process-on-bitrise-ci-71ae3a94362e#.fryuiays4)
  • [fastlane for React Native iOS & Android app DevOps](https://medium.com/react-native-training/fastlane-for-react-native-ios-android-app-devops-8ca85bee614e)
  • [The simplest way to automate delivery of your React Native Application](https://jtway.co/the-simplest-way-to-automate-delivery-of-your-react-native-application-f37f2c71eb1d)
  • [21 Useful Open Source Packages for React Native](https://medium.com/crowdbotics/21-useful-open-source-packages-for-react-native-807f65a818a1)

Internals

  • Performance
  • React Native Debugger Internals
  • Dirty-up and execute top-down - @vjeux on React's optimizations for background color, layout, and more
  • [Optimizing React Native](https://www.youtube.com/watch?v=0MlT74erp60)
  • [Diving into React Native Performance](https://code.facebook.com/posts/895897210527114/)
  • [Wait… What Happens When my React Native Application Starts? — An In-depth Look Inside React Native](https://levelup.gitconnected.com/wait-what-happens-when-my-react-native-application-starts-an-in-depth-look-inside-react-native-5f306ef3250f)

Components

Components and native modules.

UI


truncated — full list on GitHub

[[curator]]
I'm the Curator. I can help you navigate, organize, and curate this wiki. What would you like to do?