Week 1

Installing Node

https://nodejs.org/en/

What is Node?

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

Clone and Install

1. git clone https://github.com/CodeLouisville/framework-class-project.git
2. cd framework-class-project
3. npm install

Starting The Project

npm start

What Is React

https://reactjs.org/

Development Setup

1. Install StandardJS: https://marketplace.visualstudio.com/items?itemName=chenxsan.vscode-standardjs

1a. If you dont have VSCode, you can use the instructions for your editor here https://standardjs.com/

Hello World Example

Project Layout

node_modules/
public/
src/
  App.js
  index.css
  index.js
  registerServiceWorker.js
package.json
README.md

Index.js

This is what "mounts our React application to the DOM. It uses an ID, #root on an element that you can find in public/index.html.

App.js

This is the "component" that gets mounted inside of index.js. This is going to be our entrypoint for our application that everything else will extend off of.

JSX

React does not use standard HTML, it uses something called JSX. It may seem a bit weird at first, but you will get the hang of it quickly.

https://reactjs.org/docs/introducing-jsx.html

Make it say "Hi"

.... in class