【React开发实时聊天招聘工具 -第二章】的更多相关文章

React开发实时聊天招聘工具 -第二章

2-1 介绍React开发环境 npm install -g create-react-app xxx npm run eject   来配置webpack 2-2 ES6常用语法 其他 还有一些特性,虽然不在ES6的范围内,但是也被babel支持,普遍被大家接受和使用(需要安装插件) ·对象扩展符,函数绑定 ·装饰器 ·Async await 2-3 Express简介 var app = express() app.get('/',function(){ res.send('Hello wo…

React开发实时聊天招聘工具 -第一章

第一章 课程道学 6个页面 弱化css Antd-mobile作为组件库 Redux 状态管理 React-Router 路由 Axios异步请求 后端Express框架 Socket.io 数据库:Mongodb ==================================================================================================== 列表: 第1章 介绍课程目标和学习内容包括课程概述.课程安排.学习前提.讲授方式等…

React开发实时聊天招聘工具 -第四章 Redux

复杂以后 setState 就不太方便了 所以使用Redux来管理 React只负责View. Store.State.Dispatch.Reducer reducer(state,action) { switch(action.type){ case ... ... ... return newAction; } } ·通过Reducer创建Store ·Store.dispatch(action)来修改状态 ·Reducer函数接受state和action,返回新的state,可用store…

React开发实时聊天招聘工具 -第三章 React基础知识回顾

function a (props) { return <h1>hello world{this.props.asd}</h1> } class a extends React.Component{ constructor(){ super() this.state = { xxx:yyy } } render(){ return ( <div>Hello</div> ) } }…

React开发实时聊天招聘工具 -第六章 登陆注册(2)

1.bodyParser和cookieParser:   const bodyParser = require('body-parser') const cookieParser = require('cookie-parser')   app.use(cookieParser()); app.use(bodyParser.json()) 2.登陆注册——数据库模型建立 3.注册功能的实现 //引用body-parser插件 const bodyParser = require('body-pa…

React开发实时聊天招聘工具 -第六章 登陆注册(1)

1.基于cookie的用户认证 express 依赖 cookie-parser 2.axios语法: axios.get('/data').then(res=>{ if(res.status==200){ if(res.data.code==0) { .......... } } }) 3.非route组件通过@withRouter包裹组件获取props中属性(比如要使用this.props.history.push) sd 总结一下: 登陆页面: 先用antd-mobile做好UI, 点击注…

React开发实时聊天招聘工具 -第五章 需求分析

Axios的使用 axios.get('/data') .then(res=>{ if(res.status==200) this.setState(data:res.data) })…

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 二.知识储备(React + Node + MongoDB + ES6) 1.…

Vue2.5开发去哪儿网App 第二章笔记

Vue完成  TodoList 1.默认方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>TodoList</title> <script src="../../vue.js"></script> </head> <body> <…

Android群英传》读书笔记 (1) 第一章 Android体系与系统架构 + 第二章 Android开发工具新接触

第一章 Android体系与系统架构 1.Dalvik 和 ARTDalvik好比是一辆可折叠的自行车,平时是折叠的,只有骑的时候,才需要组装起来用.ART好比是一辆组装好了的自行车,装好就可以骑了. 2.一个可以查看Android源代码网站:http://androidxref.com/ 目录结构:Makefile (描述Android各个组件间的联系并指导它们进行自动化编译)bionic (bionic C库)bootable (启动引导相关代码)build (系统编译规则等基础开发包配置)…