剧场模式
首页前后端分离ReduxReact & 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 条回复
官方服务号
随机课程
微信小程序从零开始原生自制框架开发实战 - 第 1 季

微信小程序从零开始原生自制框架开发实战 - 第 1 季

0 个视频0 分钟初级

全部免费

其他还未更新新课程

课程目录

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 用高阶组件来保护客户端路由(完结)

学员(132)
yang-shuting · 元婴🍃叶子 · 真仙神经蛙 · 真仙金麒麟 · 道祖tr77229591 · 大罗mrj · 大罗Ah__CheN · 真仙maxmilia · 道祖Wake Up! · 练虚K.Feng🎠🎏 · 大罗2027138210 · 元婴张琳 · 道祖
最新动态
yang-shuting · 元婴学习到了6:09
🍃叶子 · 真仙学习到了6:39
神经蛙 · 真仙学习到了4:16
金麒麟 · 道祖学习到了1:51
tr77229591 · 大罗学习到了6:02
统计信息
    学员: 17660
    视频数量: 1039
    帖子数量: 427

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 关注我们 | 在线学员:113

Top