In this video, Emmanuel Henri provides you with some details around where to find the exercise files and how to use them. Each video has a start and end state of the application, and can be used accordingly to follow along.
- [Instructor] To get the exercise files on the course page, simply click on the tab named Exercise Files. Then download the zip file. Then simply extract the zip file and move the folder to your desktop. Once you have the exercise files on your desktop, you can click on Exercise Files and then the chapter that we're on and then the video number here. So if, for example, we're on one three, you click here and then you select the start or the end state of the application where we're at. So, for example, if you are working in VS Code, let's go inside of VS Code, and let's open folder.
So click on Open folder. And you can do that also from here. Open Folder, yup. So let's go ahead and do it from here. And click Exercise Files, chapter one. Then let's say one o' three. Start state and then you open the start state. And then when you're inside of that particular file, what you need to do is install the dependencies. So most of the projects that we're using in this course use Bower for a little bit and then we use also Node modules.
And then when we move towards the React application, we actually use only Node modules. So in this case here we need to install the dependencies for Bower and for Node modules as well. So let's go ahead and do that. So you bring the terminal by clicking on View. Integrated Terminal or you do control + grave and we're in the right folder here so you don't need to do a CD, change directory. So in this case we would do bower install to install the bower dependencies.
And then we will need to do nmp install as well to install the nmp dependencies. So eventually as we move into the React application, you won't need to do Bower install anymore. So please keep in mind that sometimes the code is a work in progress and if you run npm run start or Yarn start if you're using Yarn, the application won't run and may return an error. This is expected and won't affect your ability to follow along. So as long as you follow the videos, we'll mention when we get to those stage.
- Creating a new React project
- Installing and working with React Developer Tools
- Dissecting a project into components
- Setting up the state with static data
- Adding and finalizing CSS in components
- Setting up and leveraging Firebase
- Standard code best practices
- Installing and setting up Flow for type checking