In this video, Tom Duffy demonstartes how to build the UI for a simple React Native app using React Native Views.
- [Instructor] To develop a React native app,…you modify the app.js file.…Let's start with the app.js file…in the create React native app folder.…We'll modify that one, test our work,…and then eject from create React native app,…so that we can build native apps…using Android Studio and Xcode.…Open an app.js file inside the rn example in NetBeans.…In general you'll be using React Native views…for your app in place of HTML views,…like div, section, and so on.…
So first remove the three text fields from the default file.…We won't need them.…Let's add a text input, to the import section.…And then we're going to add a text input element to the view.…And we can set the placeholder equal to…enter your name.…
I'm going to call on change text event.…And we're going to set that equal to in curly brackets,…and then in parenthesis value,…and we'll call this.setState,…and we're going to modify a stateful variable,…called full name.…And we're going to set it to whatever the value…of the text input is.…
So we'll close the curly brackets,…
- Hybrid vs. native cross-platform apps
- Choosing an editor
- Building a Cordova app
- Building an Ionic app
- Buildin an app with the Create React Native App
- Building an app with the React Native CLI
- Building a Titanium app
- Building a Xamarin app
Skill Level Beginner
Ionic 3.0 for Mobile App Developerswith Sani Yusuf5h 43m Intermediate
React Native: Building Mobile Appswith Steven Emmerich2h 32m Intermediate
1. Intro to Cross-Platform Development
4. React Native
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press 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.