An open API service indexing awesome lists of open source software.

https://github.com/risingstack/react-baby-steps

Zero to Redux through Flux (with Rx) in baby steps
https://github.com/risingstack/react-baby-steps

Last synced: 3 months ago
JSON representation

Zero to Redux through Flux (with Rx) in baby steps

Awesome Lists containing this project

README

          

# react-baby-steps
[ ![Codeship Status for RisingStack/react-baby-steps](https://codeship.com/projects/86ca0ee0-7f3e-0133-9947-3eaf58434e02/status?branch=master)](https://codeship.com/projects/120531)

Introducing beginners to the world of React via coding.
The goal of this repo is to understand the basic concepts before you start using magic ~Flux libraries.

If you are looking for the ideas behind React, like VirtualDOM, you should start here:
https://blog.risingstack.com/the-react-way-getting-started-tutorial/

Chapters as releases:
https://github.com/RisingStack/react-baby-steps/releases

## chapters

I recommend you to checkout each chapters step by step and see what's changed.
If you are hungry for detailed explanation, ping me on Twitter: https://twitter.com/slashdotpeter

1. [Build system](https://github.com/RisingStack/react-baby-steps/releases/tag/01_Build_system)
2. [Components](https://github.com/RisingStack/react-baby-steps/releases/tag/02_Components)
3. [Component lifecycle](https://github.com/RisingStack/react-baby-steps/releases/tag/03_Component_Lifecycle)
4. [Immutable.js](https://github.com/RisingStack/react-baby-steps/releases/tag/04_ImmutableJS)
5. [Component's state](https://github.com/RisingStack/react-baby-steps/releases/tag/05_Component_state)
6. [Mixins and LinkState](https://github.com/RisingStack/react-baby-steps/releases/tag/06_Mixins_LinkState)
7. [Higher order components](https://github.com/RisingStack/react-baby-steps/releases/tag/07_Higher_order_components)
8. [Context](https://github.com/RisingStack/react-baby-steps/releases/tag/08_Context)
9. [Component testing](https://github.com/RisingStack/react-baby-steps/releases/tag/09_Component_testing)
10. [Flux basics with Rx](https://github.com/RisingStack/react-baby-steps/releases/tag/10_Flux_basics_with_Rx)
11. [Redux](https://github.com/RisingStack/react-baby-steps/releases/tag/11_Redux)

## next

In the future I plan to add more chapters like data fetching, routing and complex data handling with Redux.

## run
```
npm i
npm run dev
```

## test
```
npm test
```