react

React

JavaScript world has a lot of different UI frameworks, libraries, etc. We at Wix are widely using React. It's a library from Facebook that allows to write UI in the component way.

Goals

1. Understand how React works
2. Know React API
3. Understand data management with React

Topics

1. Intro to React
   1. The render Method
   2. Syntax
2. React Components
   1. Components' Props
   2. Components' State
   3. Initial Component Specs
3. JSX
4. Component Lifecycle & Reconciliation
   1. Referencing Components
   2. Child Reconciliation
5. Components Tree Architecture
   1. Composition
   2. Higher-Order Components
   3. Stateful vs Stateless Components
6. Data Flow - FLUX
7. Performance Optimization
8. Testing React
   1. Component tests
   2. Enzyme
9. React Examples

Exercise

Build minesweeper game.

Resources

• React Docs
• React Training Book
• 7 Architectural Attributes of Realiable React Components
• Intro to Flux
• Data fetching for React application