Nowadays I’m learning React from Edx. The link is here : https://courses.edx.org/courses/course-v1:PennX+SD4x+2T2017/course/ It’s a really nice course except that it gets so difficult to the end. I’ve finished hw4 and now working on hw5 but it seems almost impossible to do it.

Anyways, before hw5, we implemented React by just writing Html and CSS, javascript in a monolithic kind of a way. But for hw5, we are actually implementing design patterns, and I think this is the right way to use React, and of course, Node.

I am stating that I take most of this from the instructions of PennX, and do not have copyright for this, For starting node,

  1. Install Node.js locally by downloading it from https://nodejs.org/en/download

  2. From the Terminal, Command Prompt, etc. update Node Package Manager by typing the command : npm install npm -g

  3. Install the create-react-app package by typing the command : npm install -g create-react-app

  4. Create a new folder or directory for your project, then navigate to it using Terminal, Command Prompt, etc.

  5. Create the project by typing the command : create-react-app lists

  6. This will create a “lists” directory and install the default React app there. You can start it by changing to the “lists” directory and typing the command : npm start

You should then be able to access http://localhost:3000 using your web browser and see the default React app. If so, you’re ready to proceed.