剧场模式
首页前后端分离ReduxReact & Redux & React-Router & Nodejs 实战 crud 项目

React & Redux & React-Router & Node.js 实战 crud 项目 #1 项目搭建

求知小风 · 元婴发布于
4

学员所做:用 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
});
3 条回复
  • EvanZhou666 · 元婴
    EvanZhou666 · 元婴 #1

    请问有人有这个pro视频的账号吗 借我用用,可以考虑付一定的费用,联系QQ:1043056891

  • Messi-Q · 元婴
    Messi-Q · 元婴 #2

    加载图片的url,在乌班图系统中识别不了本地的图片地址

  • RidicZhi · 合体
    RidicZhi · 合体 #3

    尊重版权,尊重知识,ok

加讲师微信(qiuzhi99pro)官方服务号
课程目录

FreeReact & Redux & React-Router & Node.js 实战 crud 项目 #1 项目搭建

2FreeReact & Redux & React-Router & Node.js 实战 crud 项目 #2 Semantic Ui 和 React-Router

3ProReact & Redux & React-Router & Node.js 实战 crud 项目 #3 Redux connect

4ProReact & Redux & React-Router & Node.js 实战 crud 项目 #4 发送 ajax 请求

5ProReact & Redux & React-Router & Node.js 实战 crud 项目 #5 用 es6 语法来写服务器代码

6ProReact & Redux & React-Router & Node.js 实战 crud 项目 #6 连接数据库 MongoDB

7ProReact & Redux & React-Router & Node.js 实战 crud 项目 #7 路由与表单

8ProReact & Redux & React-Router & Node.js 实战 crud 项目 #8 客户端验证

9ProReact & Redux & React-Router & Node.js 实战 crud 项目 #9 客户端发送创建记录的请求

10ProReact & Redux & React-Router & Node.js 实战 crud 项目 #10 前端和后端对错误路由的处理

11ProReact & Redux & React-Router & Node.js 实战 crud 项目 #11 后端创建数据和前端路由跳转

12ProReact & Redux & React-Router & Node.js 实战 crud 项目 #12 列表页面

13ProReact & Redux & React-Router & Node.js 实战 crud 项目 #13 新增记录时列表页延迟加载的问题

14ProReact & Redux & React-Router & Node.js 实战 crud 项目 #14 修改记录表单和路由参数

15ProReact & Redux & React-Router & Node.js 实战 crud 项目 #15 修改记录填充表单数据

16ProReact & Redux & React-Router & Node.js 实战 crud 项目 #16 修改记录提交数据

17ProReact & Redux & React-Router & Node.js 实战 crud 项目 #17 重构表单代码

18ProReact & Redux & React-Router & Node.js 实战 crud 项目 #18 删除记录(完结)

学员(115)
RichardTibco · 真仙waterYU-drop · 化神N•Z · 元婴招财大胖菊 · 道祖biantonghai · 太乙黄建杰 · 真仙温文尔雅 · 道祖金麒麟 · 道祖思航💗 · 大乘mrj · 大罗maxmilia · 道祖userlyy · 元婴
最新动态
RichardTibco · 真仙学习到了6:37
waterYU-drop · 化神学习到了1:22
N•Z · 元婴学习到了6:24
招财大胖菊 · 道祖学习到了4:59
biantonghai · 太乙学习到了6:34
统计信息
    学员: 19215
    视频数量: 1173
    帖子数量: 430

© 汕尾市求知科技有限公司 | 关注我们 | 在线学员:123

粤公网安备 44152102000088号 | 粤ICP备19038915号

Top