React Overview (GlobalLogic Ukraine)

1. Introduction to React

• Simple example
• Introduction to JSX

2. Getting Started

• Getting started with Webpack
• Babel JSX + ES6 code transformation in real-life example
• React Starter Kit
• Create React App
• Inline styles

3. Gulp + Mocha integration

4. Component lifetime cycle

5. Components

• Properties and state
• Property validation
• Data-binding

6. Component testing

• Examples

7. Cross-component communication

• Properties
• Events
• Handlers

8. Animation

9. React Router

10. Context

11. Flux

12. Redux

• Introduction
• Creating an action
• Creating a reducer
• Creating a root reducer
• Creating a store
• Dispatching first message
• Link component to the store
• Async actions
• Logger

13. Tips

• Style Guide
• DOM Differences

Installation

You should have NodeJS version >=4 & <6 Don't forget to run npm install in every folder before running the examples.

How to run examples

Usually it is enough to run npm start to run the example. First example doesn't use npm so just open index.html in this case.

Additional console commands

• gulp - default command to start development server with debug version of application; usually an alias to npm start
• gulp script:test - run tests once
• gulp build - build production version of application; an alias to npm run build