Building an Interface with React

https://github.com/planetoftheweb/reactinterface/

This is the repository for my course, Building an Interface with React. The full course will be available at lynda.com.

• My Personal Website

Instructions

This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.

1. Make sure you have these installed
   • node.js
   • git
   • gulp
2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) > git clone https://github.com/planetoftheweb/reactinterface.git
3. CD to the folder cd reactinterface
4. Run > npm install to install the project dependencies
5. Run > gulp command to start the automation
6. Build something awesome

Topics

1. Using components and subcomponents
2. Working with state
3. Handling events
4. Creating subcomponents
5. Using references
6. Sorting and updating views, events, and search results

// This gets linted
var answer = 6 * 7;
console.log(answer);

// This also gets linted

/* eslint quotes: [2, "double"] */

function hello() {
    console.log("Hello, world!");
}
hello();

// This gets linted too
var div = <div className="jsx"></div>;

// And this
console.log(process.version);

This is plain text and doesn't get linted.