fix: spelling on react native index file (#20493)

Signed-off-by: Jonathan Grah <theflametrooper@gmail.com>
pull/32368/head
Jonathan Grah 2018-10-30 05:31:35 +00:00 committed by Huyen Nguyen
parent 7c09631c06
commit 1ea96db2e8
1 changed files with 17 additions and 15 deletions

View File

@ -1,31 +1,34 @@
---
title: React Native
---
## React Native
React Native is a cross-platform framework for building mobile applications that can run outside of the browsermost commonly iOS and Android applications
React Native is a cross-platform framework for building mobile applications that can run outside of the browser most commonly iOS and Android applications.
It can be used to build applications on Windows devices, desktop OSs, and Apple TV apps as well but this guide will only be covering its most common purposeAndroid and iOS applications.
It can be used to build applications on Windows devices, desktop OSs, and Apple TVs additionally, but this guide will only be covering its most common purposeAndroid and iOS applications.
**Table of Contents**
- [What is React Native?](#what-is-react-native)
- [Reasons to choose React Native](#reasons-to-choose-react-native)
- [How to Get Started with React Native](#how-to-get-started-with-react-native)
### What is React Native
React Native falls in-between native and hybrid applications on the mobile app spectrum. The user interface you create is entirely native and the overall application performance is nearly as good as writing a native app. It also gives you the flexibility to embed web views (webpages) or native code (Java/Kotlin for Android, Objective C/Swift for iOS) inside your applications wherever you want.
React Native falls in-between native and hybrid applications on the mobile app spectrum. The user interface you create is entirely native and the overall performance of the application is nearly as good as writing a native app using languages such as Swift or Java. It also gives you the flexibility to embed web views (webpages) or native code (Java/Kotlin for Android, Objective C/Swift for iOS) inside your applications wherever you want.
It follows the same pattern as React where the views (what you see on the screen) are rendered from the JavaScript files. The difference is that it supplies its own API for handling native mobile views vs the DOM on the web. If you are confused about how this works, follow this guide on freeCodeCamp and it will take you step by step through these concepts.
It follows the same pattern as React, where the views (what you see on the screen) are rendered from JavaScript files. The difference is that React Native supplies its own API for handling native mobile views vs the DOM on the web. <!-- If you are confused about how this works, follow this guide on freeCodeCamp and it will take you step by step through these concepts. -->
### Reasons to choose React Native
1. **Code reusability**It uses one code based that is shared between both platforms.
1. **Reuse web tools and skills**Reuse JavaScript knowledge, tools and utilities like `axios`, Redux, and other libraries that dont require the DOM from the web.
1. **Code reusability**  — It uses one codebase that is shared between both platforms.
1. **Reuse web tools and skills**  — Reuses JavaScript knowledge, tools and utilities like `axios`, Redux, and other libraries that dont require the DOM from the web.
1. **Optimized for developer productivity**  — Comes with features like hot/live module reloading and chrome developer tools for debugging out of the box!
1. **Performance**Performs better than hybrid application frameworks like Ionic and Cordova since it is not using web views.
1. **Corporate backing**Lots of companies support and contribute to React Native including Walmart, Airbnb, Wix, and, of course, Facebook.
1. **Performance**  — Performs better than hybrid application frameworks like Ionic and Cordova since it's not using web views.
1. **Corporate backing**  —  Lots of companies support and contribute to React Native including Walmart, Airbnb, Wix, and, of course, Facebook.
1. **Community**React Native has a large (and growing) community with over 1500 contributors to the core project and thousands more who contribute to various libraries.
1. **Better user experience**React Native uses the JavaScript code to render native components from your phone's OS. In other words, the application's user interface (UI) is entirely native!
1. **Better user experience**  — React Native uses JavaScript to render native components from your phone's OS. In other words, the application's user interface (UI) is entirely native!
1. **Cross-Platform** - Great way to prototype and save time while building either a universal user interface or platform specific mobile application that can run on both iOS and Android devices.
### How to Get Started with React Native
@ -33,6 +36,5 @@ It follows the same pattern as React where the views (what you see on the screen
There are three quick easy ways to get started with React Native. Depending on your situation, one can be a better option for you.
1. [Create React Native App](https://www.npmjs.com/package/create-react-native-app)- Similar to Create React App it get up in running using the terminal.
1. [Expo](https://expo.io) - Best for prototyping an app or if it is earlier stage. Using Expo you can even create an quick app using drag and drop features from snack.expo.io in the broswer.
1. [Ignite CLI](https://github.com/infinitered/ignite) - Empowers devleopers to easily create a new React Native app with plug ins. Ignite CLI also enables developers to easily setup best practices.
1. [Expo](https://expo.io) - Best for prototyping apps or useful if an app is in an earlier stage. Using Expo you can even create an quick app using drag and drop features from snack.expo.io in the broswer.
1. [Ignite CLI](https://github.com/infinitered/ignite) - Empowers developers to easily create a new React Native app with plugins. Ignite CLI also enables developers to easily setup best practices.