From the course: React Native Essential Training
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Initializing the TargetSum app - React Native Tutorial
From the course: React Native Essential Training
Initializing the TargetSum app
- [Instructor] Let's create a brand new React Native project for our target sum game. We'll start with React init TargetSum. CD TargetSum. And react-native run-ios. When the command is done, we should see the package we're running. We should see the React Native template application running in the simulator. Let me now run Atom here and start changing things. The first thing I want to do is create a new folder under TargetSum. We call this source folder. And inside this source folder we'll build our complete application and put all the React Native components in there. And let's create a new folder under source. Call this folder components. And inside components, I'll create a new file and call this file App. So this is my top level app component. And this is going to be a regular React class component. I'll name this component App, and import it as default. Let's make a very simple app component. We'll need…
Contents
-
-
-
-
-
(Locked)
Introduction and preview42s
-
(Locked)
Initializing the TargetSum app4m 36s
-
(Locked)
Configuring ESLint1m 47s
-
The game component with a random target3m 54s
-
(Locked)
Generating the random play numbers9m 41s
-
(Locked)
Styling the random play numbers2m 23s
-
(Locked)
Using TouchableOpacity for press events6m 17s
-
(Locked)
Changing UI based on selected numbers7m 31s
-
(Locked)
Adding shared behavior to numbers6m 21s
-
(Locked)
Using React DevTools with React Native4m 24s
-
(Locked)
Computing dynamic values where needed5m 14s
-
(Locked)
Changing UI based on game status4m 5s
-
(Locked)
Working with timers6m 16s
-
(Locked)
Caching to optimize computable values8m
-
(Locked)
Remounting a component to reset it7m 30s
-
(Locked)
-
-
-
-