Walk through the basics of routing in React Native with React Router.
- [Instructor] Now that we have our React Native project,…let's explore how we can do basic routing.…So before we do that, I wanna make sure that first you have…the application running here.…If you are not sure if it is,…do a CMD + R to refresh the application,…and if it loads that means it's running.…The second thing I wanna make sure that you have…the React Dev Tools on the desktop.…If you don't, go to Terminal,…and then type react-devtools,…and it will open this little window here.…So we can inspect our components,…our props, and our state while we work on our application.…
So let's get to VS Code,…and the first thing we'll do is create a new component…and then add a new Route in the App.js.…So I'm going to create a new component first…and you can do that by clicking here,…New File, and let's do Cards.js.…And in that one we're going to use some of the shortcuts…that we've used in the past in this course.…So I'm first going to do imrc to import React,…and then I'm going to do sfc,…to create a Stateless Function,…
- What is routing?
- How React Router can be used across different types of projects
- Web routing and native routing
- How to do URL params and dynamic routing
- Basic React Native routing
- Server-side rendering use cases
- Testing use cases