Skip to content

This is the proposed class project for the Fall 2018 Code Louisville React course.

Notifications You must be signed in to change notification settings

CodeLouisville/framework-class-project

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

This is the proposed class project for the Fall 2018 Code Louisville React course.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.4%
  • HTML 24.6%
  • CSS 1.0%