MCPcopy
hub / github.com/happypoulp/redux-tutorial

github.com/happypoulp/redux-tutorial @main sqlite

repository ↗ · DeepWiki ↗
34 symbols 60 edges 23 files 0 documented · 0%
README

redux-tutorial

This repository contains a step by step tutorial to help grasp flux and more specifically Redux.

The official and very exhaustive Redux documentation is available here and should be your number one source of truth regarding Redux. The present tutorial will only offer you an introduction to flux concepts through Redux use. For further or more detailed info, please refer to the Redux documentation.

Prerequisites

It is required for you to know a bit of ES6 and ES7 (Object Spread) to correctly understand some of the examples given in this repo. Also be aware that this tutorial targets redux 3.0.2 and react-redux 4.0.0.

Clone the repository

git clone https://github.com/happypoulp/redux-tutorial.git

Move into repository

cd redux-tutorial

Install dependencies

npm install

Browse the tutorial

This tutorial is split into a sequence of javascript files that are intended to be read in order.

Start with the first tutorial: Introduction

Run an example

Being real js files, each example can be run to verify that it works as intended or to do your own experiments:

npm run example 01_simple-action-creator.js

Enjoy!

Core symbols most depended-on inside this repo

setNameActionCreator
called by 1
06_dispatch-action.js
actionCreator
called by 1
01_simple-action-creator.js
addItemActionCreator
called by 1
10_state-subscriber.js
asyncSayActionCreator_1
called by 1
09_middleware.js
asyncSayActionCreator_1
called by 1
08_dispatch-async-action-2.js
sayActionCreator
called by 1
07_dispatch-async-action-1.js
onTimeButtonClick
called by 1
11_src/src/home.jsx
userReducer
called by 0
06_dispatch-action.js

Shape

Function 27
Class 4
Method 3

Languages

TypeScript100%

Modules by API surface

11_src/src/home.jsx5 symbols
09_middleware.js4 symbols
05_combine-reducers.js4 symbols
04_get-state.js4 symbols
11_src/src/application.jsx3 symbols
07_dispatch-async-action-1.js3 symbols
06_dispatch-action.js3 symbols
10_state-subscriber.js2 symbols
11_src/src/reducers.js1 symbols
11_src/src/promise-middleware.js1 symbols
11_src/src/action-creators.js1 symbols
08_dispatch-async-action-2.js1 symbols

Dependencies from manifests, versioned

babel5.3.1 · 1×
babel-core5.6.15 · 1×
babel-eslint3.1.9 · 1×
babel-loader5.2.2 · 1×
bluebird2.9.34 · 1×
css-loader0.15.1 · 1×
eslint1.10.3 · 1×
eslint-plugin-react2.3.0 · 1×
file-loader0.8.4 · 1×
node-libs-browser0.5.2 · 1×
react0.14.2 · 1×
react-dom0.14.2 · 1×

For agents

$ claude mcp add redux-tutorial \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact