redux-todolist
Beginners Core concepts
JSX
const element = <h1>Hallo World!</h1>;
ES6 import exports
Component skeleton: function vs class (Capitalize!!!)
States and props
Props (readonly)
<Comp firstname="John" lastname="Doe">
- any types
- any object
State (member function)
Lifecycle hooks
Event handling (e.g Click, handler with params)
Conditional rendering
loops inside dom (keys!!!)
[
{category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
{category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
{category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
{category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
{category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
{category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
];