Start Building a React Native Application

Tyler McGinnis
InstructorTyler McGinnis

Share this video with your friends

Send Tweet

We'll download the requirements for getting started with React Native, refactor our app to ES6, walk through debugging, and talk about the philosophy behind React and React Native.

Shawn
Shawn
~ 6 years ago

Great series. Great topic. Thanks egghead.

Looks like I'll need to upgrade to Yosemite to use Xcode with iOS 8. Does not work on Mavericks.

Jarrod
Jarrod
~ 6 years ago

This video is really quiet even at full volume.

Omer Koren
Omer Koren
~ 6 years ago

I agree with Jarrod. Can anything be done regarding the volume of the video? I even tried to download and watch via VLC, which allows 125% in volume, but no good... I could try Camtasia, which can increase the volume by 1000%...

Omer Koren
Omer Koren
~ 6 years ago

Thanks. That's an interesting video. Any idea how to develop if I don't have Mac?

Shawn
Shawn
~ 6 years ago

Confirmed. Build now works after upgrade to OS X Yosemite and Xcode 6.3.

Luis
Luis
~ 6 years ago

I should have read some of these post before I started. I was not able to get pass the 6th video lecture because I'm using OS X Mavericks and Xcode 6.2. I believe I need Yosemite and a later version of Xcode to get the code to run properly. However, not all is lost since I have another computer with Yosemite.
Later...I got the code up and running on my other machine.

Terry Osbon
Terry Osbon
~ 6 years ago

I did not catch what tool was being used to paint the components on the screen red. This was demo'd at ~6:30 mark in the video. Could you please clarify for me what plugin/tool/devtool feature was used?

Tyler McGinnis
Tyler McGinnisinstructor
~ 6 years ago

Hi Terry,

Run this code in the console.

https://gist.github.com/tylermcginnis/ce4c81b5aa3b2d8173f3

Alain Armand
Alain Armand
~ 5 years ago

Hi Terry. Second time trying to run through the set up. First time using Xcode for anything. Both times I have run through the instructions, when I try to open the project via the Xcode GUI as you did in the video, i get the following error. "Xcode does not support opening folders without a project or workspace." If I run the file from the terminal via "open githubNotetaker.xcodeproj" it opens and the simulator build succeeds. Is doing it this way going to cause problems later? Is there something I needed to have done to get the project to open from the GUI?

Is there a recommended environment for following this tutorial? I ask because I am running into one error after the other in the simulator and xcode that i dont see referenced in the comments by others.

My current error is "Invariant Violation: Application githubNotetaker has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent."

Thank you.

Paul Stocks
Paul Stocks
~ 5 years ago

Alain, to open an xcode project you need to navigate to the folder with the .xcodeproj file. This is in the ios folder. Something must have changed since the video was made. If you you look at the output of the 'react-native init ....' you will see they point you to this folder.

Eric
Eric
~ 5 years ago

Would be nice to have a section about Push Notifications with React.

Joe Seifi
Joe Seifi
~ 5 years ago

using Xcode 7.3 with El Capitan, can't open the project folder in Xcode. I get this error:

"Xcode does not support opening folders without a project or workspace."

Any ideas?

Carlo
Carlo
~ 5 years ago

Thanks!

Leon
Leon
~ 5 years ago

I couldn't open the root directory either, but it works if you open the ios directory (which as the 'githubNotetaker.xcodeproj' file).

Mark Berry
Mark Berry
~ 4 years ago

You have to open the "ios" folder because it has the .xcodeproj file in it.

Mark Berry
Mark Berry
~ 4 years ago

Tyler, Can you "futureproof" this tutorial by adding a comment that gives all the Versions required in node, react, react-native and NavigatorIOS, just like you did in the "Build Your 1st React App" vid that you made???

That futureproofing made your other video freaking genius. I ran through it, learned a TON, and had zero hangups in that tutorial. This particular tutorial has been so frustrating. I made it to the end of Vid 2 and have been stuck for hours!

A comment here, (and better) an addition to the vid itself, would really help out! I'm about to quit, because I can't find a solution anywhere.

If I understand dependencies correctly, we can keep going with NavigatorIOS from vid 2 if we stick to an older version of react-native...? Right?? Futureproofing solves that problem, correct? That's what I would rather do. I don't care to use the latest react-native if I can't even program in the language yet. Using the react-native version that you originally created the vid in is a great solution.

Thanks in advance.

Raunaq Sahni
Raunaq Sahni
~ 4 years ago

For people having trouble with following the code from this course can choose to refer to my github repo of this project built with React Native 0.44: https://github.com/raunaqss/githubNotetaker/

Each lesson corresponds to a branch just like Tyler's repository.

Ettiene Grobler
Ettiene Grobler
~ 4 years ago

I'm running Xcode 8.2 on OSX El Capitan, and the xcode project isn't even building for me. When will this course be updated with latest versions?

Tang
Tang
~ 4 years ago

seems the videos are a little bit old :(

Frances Maxwell
Frances Maxwell
~ 3 years ago

This video could use being updated.

Peter Surma
Peter Surma
~ 3 years ago

This video could use being updated.

I was just thinking the exact same thing!

Ivan
Ivan
~ 3 years ago

update pls ..

Michael Fields
Michael Fields
~ 3 years ago

Doesn't build for me either.

Milan Barande
Milan Barande
~ 3 years ago

If you encounter trouble during this course here's an updated version of the app using more recent syntax and removing the deprecated parts used in the videos, feel free to use if you're stuck with a bug on your app :) https://github.com/MilanBarande/github-notetaker Take not that ListView will be deprecated soon as well, I'm still using it in this code.

Cher
Cher
~ 2 years ago

For anyone struggling to open the project, you have to open the githubNotetaker.xcodeproj file in Xcode, not the entire folder :)

Julian Pineda
Julian Pineda
~ 2 years ago

Doesn't work. Too old to follow. Sad.

Cree
Cree
~ 2 years ago

In case anyone else was struggling with setting this up I made a starter repo using the latest version of React Native with some instructions on how to get started. https://github.com/eggheadio-projects/react-native-starter