Training Example: React Native – Review the Data, Give Your Score & Compare to the Real AI Evaluation

Skip to main contentFollow @reactnativeStar
[H1] React Native
[H2] Learn once, write anywhere.
Get StartedLearn the Basics
[H1] Create native apps for Android, iOS, and more using React
[H3] React Native brings the best parts of developing with React to native development.It's a best-in-class JavaScript library for building user interfaces.
index.jsfunction HomeScreen() { return ( <View> <Text> Hello World ? ?!</Text> </View> ); }
[IMG: Android device and iOS device]
[IMG: Android device and iOS device]
Written in JavaScript, rendered with native code. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do.
[H1] Native development for everyone
[H3] React Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set of platform agnostic native components like View, Text, and Image that map directly to the platform's native UI building blocks.
[IMG: A React Native UI pointing out native elements like Views, ScrollViews, and more]
[IMG: A React Native UI pointing out native elements like Views, ScrollViews, and more]
[H1] Get a head start with a framework
[H3] React Native brings the React programming paradigm to platforms like Android and iOS. It doesn’t prescribe how to do routing, or how to access each of the numerous platform APIs. To build a new app with React Native, we recommend a framework like Expo.
[IMG: File system with folders and files representing screens and navigation]
[IMG: File system with folders and files representing screens and navigation]
[H4] File-based routing
Create stack, modal, drawer, and tab screens with minimal boilerplate using your filesystem.
[IMG: Grid of icons representing libraries, SDKs, and native code]
[IMG: Grid of icons representing libraries, SDKs, and native code]
[H4] Use any library, SDK, or native code
Generate native changes or write your own native code. Use over 50 modules to create your app.
[IMG: List of developer tool toggles for debugging, performance, and more]
[IMG: List of developer tool toggles for debugging, performance, and more]
[H4] Developer tools
Get started quickly with Expo Go, then continue with expo-dev-client: a module that adds Expo’s tools to apps that require native changes.
[H1] Watch and learn
[H3] Watch talks by the React team and learn how to get the most out of React Native.Find the latest on Bluesky and X.
[IMG: Explain Like I]
[H4] Why React Native?
1:42
[IMG: React Conf 2025 React Native Keynote]
[H4] React Conf 2025React Native Keynote
55:13
[IMG: React Conf 2024 React Native Keynote]
[H4] React Conf 2024React Native Keynote
55:14
[IMG: Mobile Innovation with React Native, ComponentKit, and Litho]
[H4] FB 2019Mobile innovation with React Native
45:29
[H1] Meta supported. Community driven.
Meta released React Native in 2015 and has been maintaining it ever since.In 2018, React Native had the 2nd highest number of contributors for any repository in GitHub. Today, React Native is supported by contributions from individuals and companies around the world including Callstack, Expo, Infinite Red, Microsoft and Software Mansion.Our community is always shipping exciting new projects and exploring platforms beyond Android and iOS with repos like React Native Windows, React Native macOS and React Native Web.React Native is being used in thousands of apps, but it's likely you've already used it in one of these apps:
[IMG: Facebook]
[IMG: Facebook Ads Manager]
[IMG: Meta Horizon]
[IMG: Messenger Desktop]
[IMG: Microsoft Office]
[IMG: Microsoft Outlook]
[IMG: Microsoft Teams]
[IMG: Xbox Game Pass]
[IMG: Amazon Shopping]
[IMG: Shopify]
[IMG: Shop: All your favorite brands]
[IMG: Coinbase]
[IMG: PUMA]
[IMG: PlayStation App]
[IMG: WordPress - Website Builder]
[IMG: Tableau]
[IMG: FlipKart]
[IMG: Mercari]
[IMG: Discord]
[IMG: Bloomberg]
[IMG: Tesla]
[IMG: Bolt Food: Delivery & Takeaway]
[IMG: Mattermost]
[IMG: Klarna | Shop now. Pay later.]
[IMG: NFL]
and many more.
[H1] Welcome to the React Native community
Get Started

Skip to main content
[H1] Who is using React Native?
Thousands of apps are using React Native, from established Fortune 500 companies to hot new startups. If you are curious to see what can be accomplished with React Native, check out these apps!
[H2]
[IMG: Meta logo]
[IMG: Meta logo]
React Native is shaping mobile, web, and desktop experiences within Meta’s product ecosystem, from Facebook Marketplace, Messenger Desktop, Ads Manager to the Meta Quest app and many more.
[IMG: Facebook]
[IMG: Facebook]
[H3] Facebook
iOS • Android • Meta Quest
[IMG: Instagram]
[IMG: Instagram]
[H3] Instagram
Meta Quest
[IMG: Facebook Ads Manager]
[IMG: Facebook Ads Manager]
[H3] Facebook Ads Manager
iOS • Android
[IMG: Meta Horizon]
[IMG: Meta Horizon]
[H3] Meta Horizon
iOS • Android
[IMG: Messenger Desktop]
[IMG: Messenger Desktop]
[H3] Messenger Desktop
Desktop
[H2]
[IMG: Microsoft logo]
[IMG: Microsoft logo]
Microsoft leverages the power of React Native to deliver excellent customer experiences in some of its most well known apps.Microsoft doesn't stop at mobile platforms either -- Microsoft leverages React Native to target desktop too! Find out more in the dedicated showcase for React Native Windows and macOS.
[IMG: Microsoft Office]
[IMG: Microsoft Office]
[H3] Microsoft Office
iOS • Android
[IMG: Microsoft Outlook]
[IMG: Microsoft Outlook]
[H3] Microsoft Outlook
iOS • Android
[IMG: Microsoft Teams]
[IMG: Microsoft Teams]
[H3] Microsoft Teams
iOS • Android
[IMG: Xbox Game Pass]
[IMG: Xbox Game Pass]
[H3] Xbox Game Pass
iOS • Android
[H2]
[IMG: Amazon logo]
[IMG: Amazon logo]
Amazon has used React Native to rapidly deliver new customer-facing features in some of its most popular mobile applications as early as 2016. Amazon also uses React Native to support customer-favorite devices such as the Kindle E-readers.
[IMG: Amazon Shopping]
[IMG: Amazon Shopping]
[H3] Amazon Shopping
iOS • Android
[IMG: Amazon Alexa]
[IMG: Amazon Alexa]
[H3] Amazon Alexa
iOS • Android
[IMG: Amazon Photos]
[IMG: Amazon Photos]
[H3] Amazon Photos
iOS • Android
[IMG: Amazon Kindle]
[IMG: Amazon Kindle]
[H3] Amazon Kindle
Learn more
[H2]
[IMG: Shopify logo]
[IMG: Shopify logo]
All mobile apps at Shopify are built using React Native. You can read more about React Native development at Shopify on our blog.
[IMG: Shopify]
[IMG: Shopify]
[H3] Shopify
iOS • Android
[IMG: Shop: All your favorite brands]
[IMG: Shop: All your favorite brands]
[H3] Shop: All your favorite brands
iOS • Android
[IMG: Shopify Inbox]
[IMG: Shopify Inbox]
[H3] Shopify Inbox
iOS • Android
[IMG: Shopify Point of Sale]
[IMG: Shopify Point of Sale]
[H3] Shopify Point of Sale
iOS • Android
[H2]
[IMG: Wix logo]
[IMG: Wix logo]
With one of the largest React Native code bases in the world, Wix has a long history with the development community and maintains a variety of open source projects. Wix is an early adopter of React Native and uses it for its entire suite of applications.
[IMG: Spaces: Follow Businesses]
[IMG: Spaces: Follow Businesses]
[H3] Spaces: Follow Businesses
iOS • Android
[IMG: Dine by Wix]
[IMG: Dine by Wix]
[H3] Dine by Wix
iOS • Android
[IMG: Fit by Wix]
[IMG: Fit by Wix]
[H3] Fit by Wix
iOS • Android
[IMG: Wix Owner - Website Builder]
[IMG: Wix Owner - Website Builder]
[H3] Wix Owner - Website Builder
iOS • Android
[H2] Users Showcase
Apply to the Showcase by filling out this formFor a curated list of open source React Native apps, check out this list maintained by Infinite Red.

On this pageWelcome to the very start of your React Native journey! If you're looking for getting started instructions, they've moved to their own section. Continue reading for an introduction to the documentation, Native Components, React, and more!
Many different kinds of people use React Native: from advanced iOS developers to React beginners, to people getting started programming for the first time in their career. These docs were written for all learners, no matter their experience level or background.
[H2] How to use these docs​
You can start here and read through these docs linearly like a book; or you can read the specific sections you need. Already familiar with React? You can skip that section—or read it for a light refresher.
[H2] Prerequisites​
To work with React Native, you will need to have an understanding of JavaScript fundamentals. If you’re new to JavaScript or need a refresher, you can dive in or brush up at Mozilla Developer Network.
infoWhile we do our best to assume no prior knowledge of React, Android, or iOS development, these are valuable topics of study for the aspiring React Native developer. Where sensible, we have linked to resources and articles that go more in depth.
[H2] Interactive examples​
This introduction lets you get started immediately in your browser with interactive examples like this one:
The above is a Snack Player. It’s a handy tool created by Expo to embed and run React Native projects and share how they render in platforms like Android and iOS. The code is live and editable, so you can play directly with it in your browser. Go ahead and try changing the "Try editing me!" text above to "Hello, world!"
tipOptionally, if you want to set up a local development environment, you can follow our guide to setting up your environment on your local machine and paste the code examples into your project. (If you are a web developer, you may already have a local environment set up for mobile browser testing!)
[H2] Developer Notes​
People from many different development backgrounds are learning React Native. You may have experience with a range of technologies, from web to Android to iOS and more. We try to write for developers from all backgrounds. Sometimes we provide explanations specific to one platform or another like so:
AndroidiOSWebinfoAndroid developers may be familiar with this concept.infoiOS developers may be familiar with this concept.infoWeb developers may be familiar with this concept.
[H2] Formatting​
Menu paths are written in bold and use carets to navigate submenus. Example: Android Studio > Preferences
Now that you know how this guide works, it's time to get to know the foundation of React Native: Native Components.How to use these docsPrerequisitesInteractive examplesDeveloper NotesFormatting

On this page
Thank you for your interest in contributing to React Native! From commenting on and triaging issues, to reviewing and sending Pull Requests, all contributions are welcome.
We aim to build a vibrant and inclusive ecosystem of partners, core contributors, and community that goes beyond the main React Native GitHub repository.
The Open Source Guides website has a collection of resources for individuals, communities, and companies who want to learn how to run and contribute to an open source project.
Contributors and people new to open source alike will find the following guides especially useful:
How to Contribute to Open Source
Building Welcoming Communities
[H3] Code of Conduct​
As a reminder, all contributors are expected to adhere to the Code of Conduct.
[H2] Versioning Policy​
In order to fully understand the versioning of React Native, we recommend you to check out the Versioning Policy page.
In that page we describe which versions of React Native are supported, how often they're released and which one you should use based on your circumstances.
[H2] Ways to Contribute​
If you are eager to start contributing code right away, we have a list of good first issues that contain bugs which have a relatively limited scope.
As you gain more experience and demonstrate a commitment to evolving React Native, you may be granted issue management permissions in the repository.
There are other ways you can contribute without writing a single line of code. Here are a few things you can do to help out:
Replying and handling open issues.
We get a lot of issues every day, and some of them may lack necessary information. You can help out by guiding people through the process of filling out the issue template, asking for clarifying information, or pointing them to existing issues that match their description of the problem.
We cover more about this process on the Triaging GitHub Issues page.
Reviewing pull requests for the docs.
Reviewing documentation updates can be as simple as checking for spelling and grammar.
If you encounter situations that can be explained better in the docs, click Edit at the top of most docs pages to get started with your own contribution.
Help people write test plans.
Some pull requests sent to the main repository may lack a proper test plan. These help reviewers understand how the change was tested, and can speed up the time it takes for a contribution to be accepted.
Each of these tasks is highly impactful, and maintainers will greatly appreciate your help.
[H3] Our Development Process​
We use GitHub issues and pull requests to keep track of bug reports and contributions from the community. All changes from engineers at Meta will sync to GitHub through a bridge with Meta's internal source control. Changes from the community are handled through GitHub pull requests.
Once a change made on GitHub is approved, it will first be imported into Facebook's internal source control and tested against Facebook's codebase. Once merged at Facebook, the change will eventually sync back to GitHub as a single commit once it has passed Facebook's internal tests.
You can learn more about the contribution process in the following documents:
Triaging GitHub Issues
Managing Pull Requests
We also have a thriving community of contributors who would be happy to help you get set up. You can reach out to the React Native team through @ReactNative.
[H3] Repositories​
The main repository contains the React Native framework itself, and it is here where we keep track of bug reports and manage pull requests.
There are a few other repositories you might want to familiarize yourself with:
React Native website which contains the source code for the website, including the documentation, located in this repository.
Releases conversations are happening in this discussion repo.
Changelog for the releases can be found here.
Discussions about React Native take place in the Discussions and Proposals repository.
Discussions about the new architecture of React Native take place in the React Native New Architecture Working Group repository.
High-quality plugins for React Native can be found throughout the React Native Directory website.
Browsing through these repositories should provide some insight into how the React Native open source project is managed.
[H2] GitHub Issues​
We use GitHub issues to track bugs exclusively. We have documented our issue handling processes in the Triaging Issues Page.
[H3] Security Bugs​
Meta has a bounty program for the safe disclosure of security bugs. In those cases, please go through the process outlined on that page and do not file a public issue.
[H2] Helping with Documentation​
The React Native documentation is hosted as part of the React Native website repository. The website is built using Docusaurus. If there's anything you'd like to change in the docs, you can get started by clicking on the "Edit" button located on the upper right of most pages in the website.
If you are adding new functionality or introducing a change in behavior, we will ask you to update the documentation to reflect your changes.
[H3] Contributing to the Blog​
The React Native blog is generated from the Markdown sources for the blog.
Please open an issue in the React Native website repository or tag us on @ReactNative on Twitter and get the go-ahead from a maintainer before writing an article intended for the React Native blog.
In most cases, you might want to share your article on your own blog or writing medium instead. It's worth asking, though, in case we find your article is a good fit for the blog.
We recommend referring to the react-native-website repository Readme file to learn more about contributing to the website in general.
[H2] Contributing Code​
Code-level contributions to React Native generally come in the form of pull requests. These are done by forking the repo and making changes locally.
[H3] Step-by-step Guide​
Whenever you are ready to contribute code, check out our step-by-step guide to sending your first pull request, or read the How to Contribute Code page for more details.
[H3] Tests​
Tests help us prevent regressions from being introduced to the codebase. The GitHub repository is continuously tested using CircleCI, the results of which are available through the Checks functionality on commits and pull requests.
You can learn more about running and writing tests on the How to Run and Write Tests page.
[H2] Community Contributions​
Contributions to React Native are not limited to GitHub. You can help others by sharing your experience using React Native, whether that is through blog posts, presenting talks at conferences, or simply sharing your thoughts on Twitter and tagging @ReactNative.Code of ConductVersioning PolicyWays to ContributeOur Development ProcessRepositoriesGitHub IssuesSecurity BugsHelping with DocumentationContributing to the BlogContributing CodeStep-by-step GuideTestsCommunity Contributions