In this video, Emmanuel Henri shows you how to get the base project started, what the pieces are, and about the project's directories and files.
- [Instructor] The base project we will use…is a three year old simple webpage using Bower…and Grunt as the dependencies and task runner and…Bootstrap as the fronted framework.…So feel free to use your own vanilla project to convert,…but if you don't have one, it's in the folder resources.…Okay, so let's go into the Exercise Files…click on resources, then copy the LegacyStart,…and paste is on your Desktop or wherever you want…to work on that project.…
And I'll just rename it Legacy, okay perfect.…So before we move on, let's make sure that you have…Node installed.…If you don't have Node installed on your system,…go to Nodejs.org/english or whichever language you speak,…and then click on the LTS download and…then install that file.…I already have it in my system so…I'm not going to do that.…And then go inside of your Editor is our case its…VS Code and let's load the particular folder…we just added to our Desktop, like so.…
And then let's open the integrated terminal in VS Code…or use whatever terminal you have available to you.…
Released
10/10/2017- 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
Share this video
Embed this video
Video: The base project intro