Node comes with npm, which lets you install the React Native command line interface. Npm install -g react-native-cli If you get a permission error, try with sudo: sudo npm install -g react-native-cli. For iOS the easiest way to install Xcode is via the Mac App Store. And for android download and install Android Studio. Feb 28, 2018 Download React Native Debugger 0.7.13 for Mac from our software library for free. The current setup file available for download occupies 42.5 MB on disk. The application relates to Developer Tools. Our built-in antivirus checked this Mac download and rated it as 100% safe. The actual developer of this free Mac application is Jhen-Jie Hong. A concise step by step guide on how to setup React.js on MacOS. In a few steps, you will install Visual Studio Code, Node.js, NPM, Git, Prettier and create-react-app for building React applications with Mac OS.
Welcome to the very start of your React Native journey! If you're looking for environment setup 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.
How to use these docs#
The latest version of React Native Debugger is 0.7 on Mac Informer. It is a perfect match for the Developer Tools category. The app is developed by Jhen-Jie Hong. Jun 18, 2017 React Native becoming very popular among Android and iOS developer because of its cross platform native development technique. React native is now doing what is impossible few years back but now its a complete game changer technique, which would soon change the development arena and any one can developer both android and iOS apps using single language.
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.
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.
React Navigation
While 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.
Interactive examples#
This introduction lets you get started immediately in your browser with interactive examples like this one:
React
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!'
Optionally, if you want to setup 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
App.js
file there. (If you are a web developer, you may already have a local environment set up for mobile browser testing!)Function Components and Class Components#
With React, you can make components using either classes or functions. Originally, class components were the only components that could have state. But since the introduction of React's Hooks API, you can add state and more to function components.
Hooks were introduced in React Native 0.58., and because Hooks are the future-facing way to write your React components, we wrote this introduction using function component examples. Where useful, we also cover class components under a toggle like so:
- Function Component
- Class Component
You can find more examples of class components in previous versions of this documentation.
Developer Notes#
React Native Download
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:
- Android
- iOS
- Web
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.
Facebook Supported, Community Driven
Facebook 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.
React Native Download
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:
React Native Docs
and many more.