Meteor.js with React.js

A step by step discover of the inner workings of React.js. Look in the commits to get a step by step explanation. Each of the step gets a number as title.

Use Meteor's scaffolding

1- Project creation

meteor create --react marvellous

2- Clean project

Remove all unecessary files.

3- Launch project

meteor run

React uncontrolled components

When you use DOM's elements values instead of React's ones. @see https://reactjs.org/docs/uncontrolled-components.html

React controlled components

Use the state of the class componennt to handle the state instead of the internal DOM.

Handle multiple inputs

You can use the name of the input in order to refactor the callback event @see https://reactjs.org/docs/forms.html#handling-multiple-inputs

Refactoring in Components

Use Component to omit duplicate code.