Learn about React Native, resources, and links to get a good basis for the project.
- [Instructor] Facebook created React Native to allow fast mobile app development. Facebook's own website for React Native is the best place to start your mobile project, and is a great resource for docs, code examples, and setup instructions. In this video, we'll look at some of its resources, and where to go to get your project set up. So, first go to Facebook.github.io/react-native. When you get to the website, you'll see a version number right here.
At the time of this recording, we are on version 40. You'll probably see a different version, but that's okay. So just be aware that the page is constantly updating, and they'll also update the documentation. So, when you scroll through the website, the first thing you'll see is a couple of examples of React Native code. If you're familiar with React, you'll see that there's a few things that are very similar. So for example, instead of seeing a div, you'll see a View. If you continue scrolling, you'll see another component, an example of a ScrollView that is basically something that is for iOS.
And if you continue scrolling, you'll see more examples. On that website, you'll have a couple of sections that are very important. So the next place that you want to go to is the Showcase. They'll give you some examples of applications built on React, and if you look on each one, you'll see that there's articles and some of them you'll have resources to the actual code, and these are good examples of applications built with React. The next thing you want to take a look at is the blog.
If you want to keep abreast of the news related to React Native, if you want to get some tips from the guys that are actually building the code behind React, then this is the place to go. Finally, but not least, there are two sections on the site that will help you when you get stuck. The first one is the Help section. In this section, you'll see the community resources, you'll see where you can go to ask questions, get involved with the community, and even contribute to the code, if you want to.
Again, if you're stuck anywhere, if the docs are not enough to get you what you need, then this is the place to go to answer your questions. The next section is the Docs, obviously this is the place to go first if you want to get any code examples, you want to see what you can do with React Native, and especially get set up with React. So, in React development, there are three, basically, development environments that you can use to develop your app, but there is a caveat to the development of React Native apps, especially if you're on Linux and Windows.
Basically, if you are on any of those two environments, you cannot develop iOS apps. The reason being is that you need to have Xcode in order to develop iOS applications, and therefore you need to have a macOS environment. As you go through the instructions down on this page, you'll see everything that you need to install in order to develop React Native apps. And obviously if you click at the top, there'll be specific instructions related to iOS and then specific instructions related to Android, so what you need to install for Android, and what you need to install for iOS.
Again, make sure that you are on the right environment, and that you look at the specific instructions for that environment as well as the intended application environment. The last thing that you want to go to, so let's say for example, you're building your app and you're facing some issues. You looked at the documentations, you went to the Help section and reached out to the community to ask some questions and you're not getting anywhere, you may have found a bug.
So, if you click on the GitHub link right here, you're going to get to the page where you can have access directly to the developers and people contributing to React Native. If you have a bug or a question for the community, you can go into the Issues tab, and then create a new issue. Please be aware that you need to have a GitHub account in order to create a new issue, otherwise you won't be able to, and once you create an issue, you'll be able to enter any details and whatever you want to ask the community.
So now that we've seen Facebook's site for React Native, in the next video, we'll explore an icon library.
- Exploring icons for React Native
- Using NativeBase
- Exploring the forms library for React Native
- Exploring full-stack frameworks and the Deco IDE
- Reviewing backend options for a React Native project
- Using different testing libraries
- Deploying your app to the Apple App Store and Google Play
Skill Level Intermediate
Q: This course was updated on 05/11/2017. What changed?
A: A new video was added that covers Nuclide.