Bootstrap a React Application through the CLI with Create React App

Share this video with your friends

Send Tweet

We’ll go from an empty directory to a solid foundation for an application by running a single command. The create-react-app tool handles all of the complicated setup for us so we can focus on building our application.

Ryan Chatterton
Ryan Chatterton
~ 8 years ago

If trying to run this on Linux (Ubuntu 16.04) , I had issues with watchman not running the jest test. Had to install watchman https://medium.com/@vonchristian/how-to-setup-watchman-on-ubuntu-16-04-53196cc0227c#.fdbzp4zbe

Andy Van Slaars
Andy Van Slaars(instructor)
~ 8 years ago

Ryan,

Sorry you ran into issues. Thanks for sharing the fix!

Derek
Derek
~ 8 years ago

This is great so far!

Mind if I ask what theme you're using for Atom?

Andy Van Slaars
Andy Van Slaars(instructor)
~ 8 years ago

Derek,

Glad you're enjoying it! I'm using the Atom Material theme for both UI and syntax. I have some more details here: https://vanslaars.io/tools/

Derek
Derek
~ 8 years ago

How about that font that's being used for attributes and such? Man that's nice.

Just finished the course, really awesome. I'm glad you went to into the depth that you did.

Andy Van Slaars
Andy Van Slaars(instructor)
~ 8 years ago

The font is operator mono.

Glad you enjoyed the course!!

Caden Albaugh
Caden Albaugh
~ 8 years ago

Hey Andrew great course so far! Quick question: What terminal plugins are you using to get that nice syntax highlighting?

Andy Van Slaars
Andy Van Slaars(instructor)
~ 8 years ago

Caden,

Glad you're liking it so far, thanks for the feedback!

For the terminal, I'm running iTerm with the nova theme and colors enabled with these lines in my bash_profile

export CLICOLOR=1
export TERM=xterm-256color

For my Atom setup, you can read more here: https://vanslaars.io/tools/

Hope this helps!

Patrick
Patrick
~ 8 years ago

Hi there. I am having trouble figuring out how this github repo works with the bootstrap create react thing. I have cloned the repo...but then what? I know how to create a project from scratch, but can't I just skip to the latest master or the last lesson and start from there? running npm install does not work. Can you just spell it out as to how this works? I understand this is probably an easy thing, but I am horrible at configuration stuff. Thanks.

Andy Van Slaars
Andy Van Slaars(instructor)
~ 8 years ago

Patrick,

I've updated the README on the repo with some instructions. You need to have both the mock API server running as well as the application, so you need json-server installed and running and then npm start in another session will run the app (assuming you've run npm install first to install dependencies).

Take a look at that updated README and give it a shot. If you run into any problems, let me know and I'll try to help you get it sorted out.

Patrick
Patrick
~ 8 years ago

Great thanks a bunch! Really appreciate it! I have another questions for you now...I put it under Lesson 14...it concerns the pipe function...