Join Samer Buna for an in-depth discussion in this video Initializing the TargetSum App, part of React Native Essential Training.
- [Instructor] Let's create a brand new…react-native project for our TargetSum game.…We'll start with react init TargetSum.…cd TargetSum and react-native run-ios.…When the command is done, you should see…the packager 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 src folder.…And inside this src folder, we'll build…our complete application with all the react-native…components in there.…And let's create a new folder under src.…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.…You'll notice I used a snippet here…to bring in the template code a React component.…
If you're using atom and you want to use my exact snippets,…they're part of my dot files rebuild on the app.…
Author
Samer Buna
Released
11/10/2017- Hello React Native on iOS and Android
- Styling React Native components
- Platform APIs
- Building a simple game app and a data-driven app
- Using the Fetch API
- Creating an animation loop
- Testing on Android
- Changing an app logo and a splash screen
- Using TestFlight with internal testers
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome2m 50s
-
Is this course for you?1m 39s
-
Course overview2m 40s
-
-
1. Getting Started
-
Why React Native?4m 47s
-
Requirements and setup6m 40s
-
-
2. React Native Fundamentals
-
Hello React Native on iOS5m 42s
-
-
3. Building a Simple Game App
-
Configuring ESLint1m 47s
-
Working with timers6m 16s
-
4. Building a Data-driven App
-
Using the Fetch API5m 43s
-
Working with images6m 27s
-
Implementing a back link4m 7s
-
5. Animation and Gesture Control
-
Preparing for swiping1m 17s
-
The animated and easing APIs4m 19s
-
Creating an animation loop6m 31s
-
The PanResponder API3m 51s
-
Preparing the PanHandlers3m 46s
-
Swiping left and right6m 9s
-
Handling swipe gestures7m 44s
-
Opening URLs2m 57s
-
-
6. Deploying
-
Test first1m 15s
-
Testing on Android9m 59s
-
-
Conclusion
-
Next steps1m
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Initializing the TargetSum App