世界上最伟大的投资就是投资自己的教育
React & Redux & React-Router & Nodejs 实战 crud 项目
18 个视频
接近真实世界的 Redux 实战课程,带领你学会 Web 世界的 crud,前后端分离的项目,体验真正项目的开发流程。
学员所做:用 umi + dva + MongoDB + Mongoose 实现注册登录功能 https://github.com/sphawkcn/umiLogin
这一节很简单,直接按着命令和代码操作就可以。
src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
import { Provider } from 'react-redux';
import registerServiceWorker from './registerServiceWorker';
import { createStore, applyMiddleware } from 'redux';
import rootReducer from './reducers';
import { composeWithDevTools } from 'redux-devtools-extension';
import logger from 'redux-logger';
const store = createStore(
rootReducer,
composeWithDevTools(
applyMiddleware(logger)
)
);
ReactDOM.render(
<Provider store={ store }>
<App />
</Provider>,
document.getElementById('root')
);
registerServiceWorker();
src/components/App.js
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div>
Home
</div>
);
}
}
export default App;
src/reducers/games.js
const games = (state = [], action = {}) => {
switch(action.type) {
default: return state;
}
}
export default games;
src/reducers/index.js
import { combineReducers } from 'redux';
import games from './games';
export default combineReducers({
games
});
React & Redux & React-Router & Node.js 实战 crud 项目 #1 项目搭建06:22
React & Redux & React-Router & Node.js 实战 crud 项目 #2 Semantic Ui 和 React-Router06:26
React & Redux & React-Router & Node.js 实战 crud 项目 #3 Redux connect04:02
React & Redux & React-Router & Node.js 实战 crud 项目 #4 发送 ajax 请求03:31
React & Redux & React-Router & Node.js 实战 crud 项目 #5 用 es6 语法来写服务器代码03:44
React & Redux & React-Router & Node.js 实战 crud 项目 #6 连接数据库 MongoDB06:53
React & Redux & React-Router & Node.js 实战 crud 项目 #7 路由与表单06:57
React & Redux & React-Router & Node.js 实战 crud 项目 #8 客户端验证07:38
React & Redux & React-Router & Node.js 实战 crud 项目 #9 客户端发送创建记录的请求06:55
React & Redux & React-Router & Node.js 实战 crud 项目 #10 前端和后端对错误路由的处理08:10
React & Redux & React-Router & Node.js 实战 crud 项目 #11 后端创建数据和前端路由跳转08:26
React & Redux & React-Router & Node.js 实战 crud 项目 #12 列表页面03:48
React & Redux & React-Router & Node.js 实战 crud 项目 #13 新增记录时列表页延迟加载的问题06:24
React & Redux & React-Router & Node.js 实战 crud 项目 #14 修改记录表单和路由参数08:34
React & Redux & React-Router & Node.js 实战 crud 项目 #15 修改记录填充表单数据07:55
React & Redux & React-Router & Node.js 实战 crud 项目 #16 修改记录提交数据05:38
React & Redux & React-Router & Node.js 实战 crud 项目 #17 重构表单代码06:10
React & Redux & React-Router & Node.js 实战 crud 项目 #18 删除记录(完结)06:35
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | Rails365 Gitlab | 知乎 | b 站 | csdn
粤公网安备 44152102000088号 | 粤ICP备19038915号
Top