Specifications React Module
Clone or download
Pull request Compare This branch is 1 commit ahead, 72 commits behind HackYourFuture:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
clocks
homework
reading
todo-app
.gitignore
README.md
SETUP.md

README.md

React

Specifications React Module

Planning

Week Topic Read Homework
1. React Components JSX, Elements, Components and Props Week 1 Homework
2. State and Lifecycle Lifecycle, Events, Conditional Rendering, List and Keys Week 2 Homework
3. Forms and Managing State Forms, Manage State, Thinking in React Week 3 Homework

Read up before we get started

Watch this video from Facebook about why they started React:

https://youtu.be/nYkdrAPrdcw

Also be sure you're familiar with ES6-syntax. See this video about ES6 (the video is in Node, but the syntax for React is the same):

https://www.lynda.com/Node-js-tutorials/Switching-ES6-Node-js/546100-2.html

This is a handy reference of all features of ES6:

http://es6-features.org

Please do not worry about understanding all. However, do make sure you understand the following, as we'll be using them a lot:

Read about React here:

https://facebook.github.io/react/

Handing in homework

Take a look at this video made by Daan, he explains how your homework needs to be handed in.

Also review the Git workflow material from the JavaScript3 module, use this as a reference.

Slides

Find the slides used in class here:

https://slides.com/joostlubach/react-class/live

Real world example

Have a look at Mattijn's real world React project:

https://github.com/mattijnlahuis/beertools