ramicode / react

Specifications React Module

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:

• http://es6-features.org/#Constants
• http://es6-features.org/#ObjectMatchingShorthandNotation
• http://es6-features.org/#RestParameter
• http://es6-features.org/#SpreadOperator

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