react+redux+react-router+node.js 开发实时聊天App 学习记录

一、课程导学

1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理。

2.前端React  +  antd-mobile UI组件库 + Redux 状态管理库 + React-router 路由 + MongoDB + Socket.io(即时通信) + Node (express) + Axios 异步请求。

3.前端工程化:webpack4.0 + git 

(1)从零配置webpack4.0 搭建React工程。

  基本环境:Node(v8.1.2)+ webpack(v4.16.2)

  1.在项目目录 命令窗口  执行  npm init 初始化项目,执行完后项目根目录会生成package.json文件。

  2.安装项目依赖  react  react-dom react-router redux   react-redux

            注意:如果你使用 webpack 4+ 版本,你还需要安装 webpack-cli

  3.安装依赖 cnpm   i   style-loader  css-loader -D

  4.安装依赖 cnpm i   babel-core    babel-loader    -D 处理.jsx以及.js文件

  

  

  

二、知识储备(React + Node + MongoDB + ES6)

1.

猜你喜欢

转载自www.cnblogs.com/winyh/p/9355386.html