Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Components (2018) Build Modular Interfaces with Components Setting up with Create React App

Kevin S
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin S
Data Analysis Techdegree Student 15,862 Points
Posted by Kevin S
.a{fill-rule:evenodd;}techdegree
Kevin S
Data Analysis Techdegree Student 15,862 Points

Not Understanding the Installation Steps When Using Provided Files

Hi all,

I am trying to use the provided starter files for this project located inside Setting up with Create React App/scoreboard.

Guil starts this video by saying that you need to run npx create-react app scoreboard. Do I need to do this step as the downloaded files already contain a folder called scoreboard? If I do, which files should I move from the downloaded from Treehouse files and put into the new 'scoreboard' folder that I created with the command? I guess I am just not sure if Guil already installed Create React App into the provided files from Treehouse.

Thanks!

luther wardle
seal-mask
.a{fill-rule:evenodd;}techdegree
luther wardle
Full Stack JavaScript Techdegree Student 18,029 Points
luther wardle
.a{fill-rule:evenodd;}techdegree
luther wardle
Full Stack JavaScript Techdegree Student 18,029 Points

I don't believe you need to run the npx create-react app as long as the folders you downloaded also have versions of the dependencies you'd be using in the series to build apps, the purpose of the create-react app is just to assign a directory for the application.

I'm also new to react so I could be wrong, have you tried it without running the cmd?

Erik L
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Erik L
Full Stack JavaScript Techdegree Graduate 19,470 Points
Erik L
.a{fill-rule:evenodd;}techdegree seal-36
Erik L
Full Stack JavaScript Techdegree Graduate 19,470 Points

I agree, when I sed the npx command I received two scoreboard folders, one has a node_modules folder, should I delete on of them??

4 Answers

Steve Gallant
Steve Gallant
14,943 Points
Steve Gallant
Steve Gallant
14,943 Points

Per Guil's comments, you do not need to run the npx command - he is simply showing us what command he ran in order to prepare the files for our use in this course. The first command needed is the install command.

hth, Steve

brandon may
brandon may
7,904 Points
brandon may
brandon may
7,904 Points

npx create-react-app scoreboard creates a new project called scoreboard, with none of the information in the files that Guil's project scoreboard does. Essentially, npx create-react-app starts a new project with the skeleton files already started

David Austin
David Austin
1,217 Points
David Austin
David Austin
1,217 Points

The scoreboard project is already set up for you with Create React App.

Henry Blandon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Henry Blandon
Full Stack JavaScript Techdegree Graduate 21,521 Points
Henry Blandon
.a{fill-rule:evenodd;}techdegree seal-36
Henry Blandon
Full Stack JavaScript Techdegree Graduate 21,521 Points

To avoid confusion, just stick to the instructions. Download the files provided, then using the terminal go to the scoreboard folder and run "npm install". Once installation is complete run "npm start" that should work assuming you already have nodejs and npm install on your computer. There are few folder in the zipfile you download, make sure you use the correct one.