前后端 127 集视频分享（Nodejs，React，Redux，Webpack)

原文发表于：https://www.rails365.net/articles/hou-duan-127-shi-pin-fen-xiang-nodejs-react-redux

目前为止视频统计：

轻松学 nodejs - 基础篇

轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建

轻松学 Node.js - 基础篇 #2 全局对象

轻松学 Node.js - 基础篇 #3 回调函数

轻松学 Node.js - 基础篇 #4 模块

轻松学 Node.js - 基础篇 #5 事件

轻松学 Node.js - 基础篇 #6 读写文件（同步，异步）

轻松学 Node.js - 基础篇 #7 创建和删除目录

轻松学 Node.js - 基础篇 #8 流和管道

轻松学 Node.js - 基础篇 #9 web 服务器 part 1 介绍

轻松学 Node.js - 基础篇 #10 web 服务器 part 2 响应 JSON

轻松学 Node.js - 基础篇 #11 web 服务器 part 3 响应 HTML 页面

轻松学 Node.js - 基础篇 #12 web 服务器 part 4 用模块化思想组织代码

轻松学 Node.js - 基础篇 #13 web 服务器 part 5 路由

轻松学 Node.js - 基础篇 #14 web 服务器 part 6 重构路由代码

轻松学 Node.js - 基础篇 #15 web 服务器 part 7 使用 GET 或 POST 请求发送数据

轻松学 Node.js - 基础篇 #16 包管理器 NPM

轻松学 Node.js - 基础篇 #17 package.json 文件

轻松学 Node.js - 基础篇 #18 nodemon (完结)

Nodejs + Express + MongoDB 基础篇

Node.js + Express + MongoDB 基础篇 #1 介绍

Node.js + Express + MongoDB 基础篇 #2 请求与响应

Node.js + Express + MongoDB 基础篇 #3 路由参数

Node.js + Express + MongoDB 基础篇 #4 查询字符串

Node.js + Express + MongoDB 基础篇 #5 POST 请求 和 Postman 工具

Node.js + Express + MongoDB 基础篇 #6 上传文件

Node.js + Express + MongoDB 基础篇 #7 板模引擎介绍

Node.js + Express + MongoDB 基础篇 #8 使用模板引擎

Node.js + Express + MongoDB 基础篇 #9 中间件

Node.js + Express + MongoDB 基础篇 #10 路由中间件

Node.js + Express + MongoDB 基础篇 #11 项目实践 part 1 项目搭建

Node.js + Express + MongoDB 基础篇 #12 项目实践 part 2 Controller

Node.js + Express + MongoDB 基础篇 #13 项目实践 part 3 实现页面

Node.js + Express + MongoDB 基础篇 #14 项目实践 part 4 实现功能

Node.js + Express + MongoDB 基础篇 #15 项目实践 part 5 MongoDB & mLab

Node.js + Express + MongoDB 基础篇 #16 项目实践 part 6 Mongoose

Node.js + Express + MongoDB 基础篇 #17 项目实践 part 7完结

诱人的 react 视频教程-基础篇

诱人的 react 视频教程 - 基础篇 #1 介绍

诱人的 react 视频教程 - 基础篇 #2 create-react-app

诱人的 react 视频教程 - 基础篇 #3 第一个组件

诱人的 react 视频教程 - 基础篇 #4 多个组件

诱人的 react 视频教程 - 基础篇 #5 输出动态数据

诱人的 react 视频教程 - 基础篇 #6 通过 Props 传递数据

诱人的 react 视频教程 - 基础篇 #7 事件

诱人的 react 视频教程 - 基础篇 #8 组件的 state 属性

诱人的 react 视频教程 - 基础篇 #9 react 如何更新 dom

诱人的 react 视频教程 - 基础篇 #10 无状态组件

诱人的 react 视频教程 - 基础篇 #11 子组件向父组件传值

诱人的 react 视频教程 - 基础篇 #12 组件间传值

诱人的 react 视频教程 - 基础篇 #13 双向数据绑定

诱人的 react 视频教程 - 基础篇 #14 组件生命周期（完结）

webpack 3 零基础入门视频教程

webpack 3 零基础入门视频教程 #1 - 介绍

webpack 3 零基础入门视频教程 #2 - 安装

webpack 3 零基础入门视频教程 #3 - 实现 hello world

webpack 3 零基础入门视频教程 #4 - webpack 的配置文件 webpack.config.js

webpack 3 零基础入门视频教程 #5 - 使用第一个 webpack 插件 html-webpack-plugin

webpack 3 零基础入门视频教程 #6 - 使用 loader 处理 CSS 和 Sass

webpack 3 零基础入门视频教程 #7 - 初识 webpack-dev-server

webpack 3 零基础入门视频教程 #8 - 用 webpack 和 babel 配置 react 开发环境

webpack 3 零基础入门视频教程 #9 - 用 clean-webpack-plugin 来清除文件

webpack 3 零基础入门视频教程 #10 - 配置多个 HTML 文件

webpack 3 零基础入门视频教程 #11 - 如何使用 pug (jade) 作为 HTML 的模板

webpack 3 零基础入门视频教程 #12 - 如何使用模块热替换 HMR 来处理 CSS

webpack 3 零基础入门视频教程 #13 - 生产环境 vs 开发环境

webpack 3 零基础入门视频教程 #14 - 如何打包图片

react 基础实践篇-小型财务系统

react 基础实践篇-小型财务系统 #1 简介

react 基础实践篇-小型财务系统 #2 实现 records 列表页

react 基础实践篇-小型财务系统 #3 前端模拟 API 数据的两种方式

react 基础实践篇-小型财务系统 #4 使用 jQuery 或 axios 请求 API 数据

react 基础实践篇-小型财务系统 #5 静态类型检查和改造 API url

react 基础实践篇-小型财务系统 #6 创建表单

react 基础实践篇-小型财务系统 #7 发送 API 请求创建 Record

react 基础实践篇-小型财务系统 #8 更新 Record

react 基础实践篇-小型财务系统 #9 删除 Record

react 基础实践篇-小型财务系统 #10 统计金额（完结）

Redux 入门教程（React 进阶）

Redux 入门教程 #1 课程介绍

Redux 入门教程 #2 为什么需要 Redux

Redux 入门教程 #3 什么是 Redux

Redux 入门教程 #4 创建页面「Pro」

Redux 入门教程 #5 单独使用 Redux

Redux 入门教程 #6 使用 react-redux

Redux 入门教程 #7 mapStateToProps 和 combineReducers「Pro」

Redux 入门教程 #8 dispatch 和 action「Pro」

Redux 入门教程 #9 mapDispatchToProps「Pro」

Redux 入门教程 #10 bindActionCreators「Pro」

Redux 入门教程 #11装饰器函数 @connect「Pro」

Redux 入门教程 #1中间件

Redux 入门教程 #1redux-logger「Pro」

Redux 入门教程 #1异步和 redux-thunk

Redux 入门教程 #1redux-thunk 实践发送 ajax 请求 part 1

Redux 入门教程 #1redux-thunk 实践发送 ajax 请求 part 2「Pro」

Redux 入门教程 #1异步与 promise「Pro」

Redux 入门教程 #1调试工具 Redux DevTools「Pro」

Redux 入门教程 #1configureStore「Pro」

Redux 入门教程 #20配置热模块加载 hmr（完结）

React & Redux 实战 Reminder Pro 项目

React & Redux 实战 Reminder Pro 项目 #1 项目搭建

React & Redux 实战 Reminder Pro 项目 #2 显示列表

React & Redux 实战 Reminder Pro 项目 #3 处理时间「Pro」

React & Redux 实战 Reminder Pro 项目 #4 删除 reminder「Pro」

React & Redux 实战 Reminder Pro 项目 #5 保存数据到 cookies（完结）「Pro」

React 进阶提高

react 技巧 #1 如何用 netlify 云服务部署 react 应用

react 技巧 #2 把 react 应用部署到 GitHub Pages

react 技巧 #3 react-router 教程 part 1

react 技巧 #4 react-router 教程 part 2

React 进阶提高 #5 无状态组件的最佳写法「Pro」

React 进阶提高 #6 Fragment

React 进阶提高 #7 context（上下文）

React 进阶提高 #8 高阶组件「Pro」

React 进阶提高 #9 强大酷炫好玩的 web IDE 工具（鼠标点击生成代码，缩减 N 倍开发时间）「Pro」

React 进阶提高 #10 用高阶组件来重构代码

React 进阶提高 #11 我最爱的 React 库 - 功能强大的可插入组件 （简化代码）「Pro」

React & Redux & React-Router & Nodejs 实战 crud 项目

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

录制视频不易，请多支持。

QQ 官方交流群：697272886