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 What is Create React App?

Posted by Daniel Cranney
Daniel Cranney
11,609 Points

Why does scoreboard folder not contain the src/components folder? I'm so confused.

This video has made transitioning to React so difficult.

I've followed the steps, and see the screen 'Update src/App.js to refresh' at the end, but I do not have a components folder inside of my 'scoreboard' folder.

The components folder sits inside of 'Setting up with Create React App', ' Separating Function Components Into Modules' and 'Separating Class Components Into Modules' folders. But not in the scoreboard folder.

I was really looking forward to getting started with React, but now I feel stuck. It's so frustrating.

Please help!

1 Answer

Colton Shaw
Colton Shaw
12,634 Points
Colton Shaw
Colton Shaw
12,634 Points

You most likely have solved this already, but for anyone else experiencing this issue hopefully this is useful.

You've run the standard npx create-react-app scoreboard most likely. This builds a generic React application that's ready for your code. The Update src/App.js to refresh screen that you see confirms that this is the base application. You don't see components because it's something that Guil added to better structure the ./src folder. If you want to add the contents that Guil mentions, download the zip file from the course and simply open one of the scoreboard folders nested inside the video-based folders.

Example: ~/downloads/1 - Build Modular Interfaces with Components/2 - Setting up with Create React App/scoreboard

Additionally, if you want to run the npx create-react-app scoreboard yourself and create a react application with the contents. You can run that command and replace the contents of ./src with the contents from the ./src of one of the scoreboard folders. This will allow you to use the contents he's created within your new React app.