世界上最伟大的投资就是投资自己的教育
$ 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
});
03:011FreeReact & Redux 实现注册登录认证系统 #1 课程介绍
06:05FreeReact & Redux 实现注册登录认证系统 #2 搭建前端代码
06:473FreeReact & Redux 实现注册登录认证系统 #3 搭建后端框架
08:354ProReact & Redux 实现注册登录认证系统 #4 页面与路由搭建
06:415ProReact & Redux 实现注册登录认证系统 #5 实现注册页面
05:246ProReact & Redux 实现注册登录认证系统 #6 使用 axios 发送请求
08:177ProReact & Redux 实现注册登录认证系统 #7 后端验证数据
09:378ProReact & Redux 实现注册登录认证系统 #8 前端显示表单验证错误
05:579ProReact & Redux 实现注册登录认证系统 #9 React-router 路由跳转
02:5210ProReact & Redux 实现注册登录认证系统 #10 React-router 另外两种路由跳转的方法
05:5611ProReact & Redux 实现注册登录认证系统 #11 显示 flash 消息 part 1
05:0412ProReact & Redux 实现注册登录认证系统 #12 显示 flash 消息 part 2
07:2813ProReact & Redux 实现注册登录认证系统 #13 显示 flash 消息 part 3
05:4914ProReact & Redux 实现注册登录认证系统 #14 PostgreSQL 数据库的安装与使用
09:4915ProReact & Redux 实现注册登录认证系统 #15 用 knex 写迁移脚本来创建数据库表
04:5616ProReact & Redux 实现注册登录认证系统 #16 bookshelf 的介绍与使用
02:5417ProReact & Redux 实现注册登录认证系统 #17 在数据库中保存用户注册信息
05:4618ProReact & Redux 实现注册登录认证系统 #18 服务器端唯一性验证
07:2019ProReact & Redux 实现注册登录认证系统 #19 客户端唯一性验证
06:2220ProReact & Redux 实现注册登录认证系统 #20 登录表单页面
04:2121ProReact & Redux 实现注册登录认证系统 #21 实现登录功能
04:2822ProReact & Redux 实现注册登录认证系统 #22 登录功能后端实现
06:2723ProReact & Redux 实现注册登录认证系统 #23 什么是 session、cookies、jwt
04:5324ProReact & Redux 实现注册登录认证系统 #24 服务器响应 jwt 给浏览器
09:2825ProReact & Redux 实现注册登录认证系统 #25 保存 jwt 到 localStorage 和设置 axios 默认的头部信息
12:1926ProReact & Redux 实现注册登录认证系统 #26 把 localStorage 的 token 保存到 Reducer 中
04:1227ProReact & Redux 实现注册登录认证系统 #27 登录状态显示注销按钮
04:4728ProReact & Redux 实现注册登录认证系统 #28 实现退出功能
08:2029ProReact & Redux 实现注册登录认证系统 #29 新增一个需要登录才能访问的组件
07:5930ProReact & Redux 实现注册登录认证系统 #30 后端服务器验证 jwt
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Github:https://github.com/hfpp2012
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | 创业者社区 | Rails365 Gitlab | Qiuzhi99 Gitlab | Railstart 创业项目 | 知乎 | b 站 | 搜索
粤公网安备 44152102000088号
| 粤ICP备19038915号
嗯?