剧场模式
首页前后端分离ReactReact & Redux 实现注册登录认证系统

React & Redux 实现注册登录认证系统 #2 搭建前端代码

海外散仙厉飞雨 · 真仙发布于
2

$ mkdir reduxlogin
$ cd reduxlogin
$ yarn start
$ yarn add redux react-redux
$ yarn add redux-logger redux-devtools-extension --dev
$ yarn add redux-thunk

client/src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

import logger from 'redux-logger';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';

import { createStore, applyMiddleware } from 'redux';

import rootReducer from './reducers';

import { Provider } from 'react-redux';

const store = createStore(
  rootReducer,
  composeWithDevTools(
    applyMiddleware(thunk, logger)
  )
);

ReactDOM.render(
  <Provider store={ store }>
    <App />
  </Provider>,
  document.getElementById('root')
);
registerServiceWorker();

client/src/reducers/auth.js

const auth = (state = {}, action = {}) => {
  switch(action.type) {
    default: return state;
  }
}

export default auth;

client/src/reducers/index.js

import { combineReducers } from 'redux'

import auth from './auth';

export default combineReducers({
  auth
});
2 条回复
课程目录

1FreeReact & Redux 实现注册登录认证系统 #1 课程介绍

FreeReact & Redux 实现注册登录认证系统 #2 搭建前端代码

3FreeReact & Redux 实现注册登录认证系统 #3 搭建后端框架

4ProReact & Redux 实现注册登录认证系统 #4 页面与路由搭建

5ProReact & Redux 实现注册登录认证系统 #5 实现注册页面

6ProReact & Redux 实现注册登录认证系统 #6 使用 axios 发送请求

7ProReact & Redux 实现注册登录认证系统 #7 后端验证数据

8ProReact & Redux 实现注册登录认证系统 #8 前端显示表单验证错误

9ProReact & Redux 实现注册登录认证系统 #9 react-router 路由跳转

10ProReact & Redux 实现注册登录认证系统 #10 react-router 另外两种路由跳转的方法

11ProReact & Redux 实现注册登录认证系统 #11 显示 flash 消息 part 1

12ProReact & Redux 实现注册登录认证系统 #12 显示 flash 消息 part 2

13ProReact & Redux 实现注册登录认证系统 #13 显示 flash 消息 part 3

14ProReact & Redux 实现注册登录认证系统 #14 PostgreSQL 数据库的安装与使用

15ProReact & Redux 实现注册登录认证系统 #15 用 knex 写迁移脚本来创建数据库表

16ProReact & Redux 实现注册登录认证系统 #16 bookshelf 的介绍与使用

17ProReact & Redux 实现注册登录认证系统 #17 在数据库中保存用户注册信息

18ProReact & Redux 实现注册登录认证系统 #18 服务器端唯一性验证

19ProReact & Redux 实现注册登录认证系统 #19 客户端唯一性验证

20ProReact & Redux 实现注册登录认证系统 #20 登录表单页面

21ProReact & Redux 实现注册登录认证系统 #21 实现登录功能

22ProReact & Redux 实现注册登录认证系统 #22 登录功能后端实现

23ProReact & Redux 实现注册登录认证系统 #23 什么是 session、cookies、jwt

24ProReact & Redux 实现注册登录认证系统 #24 服务器响应 jwt 给浏览器

25ProReact & Redux 实现注册登录认证系统 #25 保存 jwt 到 localStorage 和设置 axios 默认的头部信息

26ProReact & Redux 实现注册登录认证系统 #26 把 localStorage 的 token 保存到 Reducer 中

27ProReact & Redux 实现注册登录认证系统 #27 登录状态显示注销按钮

28ProReact & Redux 实现注册登录认证系统 #28 实现退出功能

29ProReact & Redux 实现注册登录认证系统 #29 新增一个需要登录才能访问的组件

30ProReact & Redux 实现注册登录认证系统 #30 后端服务器验证 jwt

31ProReact & Redux 实现注册登录认证系统 #31 用高阶组件来保护客户端路由(完结)

学员
Demons · 真仙吴盛威 · 太乙玉仙jianglinhub · 金仙巅峰zoux86 · 真仙羞羞怪 · 真仙不死鸟 · 金仙后期AvenH · 真仙chloris · 大罗JooSmith · 金仙后期bobcyd212 · 道祖timoy · 金仙中期chenjimin132 · 金仙初期LUOT · 真仙shishihou · 太乙巅峰zbx7858 · 道祖gitwisdom · 真仙baimifan2017 · 金仙后期欢乐马 · 真仙lgz · 金仙后期super · 金仙巅峰leo · 太乙玉仙zhuofan · 太乙玉仙00Jane · 金仙后期GmUy9xfK · 真仙薄情人 · 道祖心之所向,无力阻挡 · 太乙玉仙开心就好 · 金仙后期undefined · 真仙Super-Ps · 金仙后期xiaofeine · 真仙changchang · 大罗巅峰qianduan · 真仙sanfire86626 · 太乙玉仙Cora · 真仙supersjr · 真仙xiaosu12138 · 真仙xiaoliu666 · 道祖Messi-Q · 真仙huchun666 · 金仙后期xiejinjin · 真仙zc3130902 · 太乙玉仙XiangFengZhao · 金仙后期pstkwj · 太乙玉仙nels2000 · 太乙玉仙staAndZhh · 真仙kakabin · 金仙后期
最新动态
Demons · 真仙学习到了0:42
吴盛威 · 太乙玉仙学习到了6:39
jianglinhub · 金仙巅峰学习到了6:37
zoux86 · 真仙学习到了6:33
羞羞怪 · 真仙学习到了5:06

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:98

Top