react 连接mysql_react+redux教程（八）连接数据库的redux程序

前面所有的教程都是解读官方的示例代码，是时候我们自己写个连接数据库的redux程序了！

例子

这个例子代码，是我自己写的程序，一个非常简单的todo，但是包含了redux插件的用法，中间件的用法，连接数据库的方法等多个知识点。

源代码：

运行方法：

npm install

npm run build

手动打开index.html

wilddog数据库

作为一名曾经的angular开发者，我非常喜欢用firebase来做自己的数据库，并结合angular实现酷炫的“三向数据绑定”。wilddog是中国的“firebase”，不仅语法兼容，而且国内速度更快。

下面的程序都是基于wilddog和angular的程序，也用了我曾经的最爱requirejs，有兴趣的同学可以看看，顺便赏我点star哈哈！

如今写react程序，仍然可以使用wilddog或者firebase，不仅不用配置数据库服务，也不用写数据库增删改查的api程序了，可以让我们前端工程师专注于写前端程序！

redux的chrome插件

本程序也用到了redux的chrome插件，可以帮助我们自动生成redux的devtool界面，非常好用啊！只需要在你的程序store注册中，加入一行代码：

export default (initialState) =>{

const store=compose(

applyMiddleware(

thunk,

createLogger()

),

window.devToolsExtension? window.devToolsExtension() : f =>f

)(createStore)(reducers, initialState);returnstore;

};

就是这行代码：

window.devToolsExtension ? window.devToolsExtension() : f => f