DeathDomain的博客

第七章 react-ui 最流行的开源React UI组件库 material-ui(国外) 官网 GitHub ant-design(国内蚂蚁金服) PC官网 GitHub 移动官网 GitHub   实现按需打包(组件js/css) 下载依赖包 cnpm install react-app-rewired customize-cra babel-plugin-import --save-dev 修改默认配置 找到package.json "scripts": { "sta

第六章 react-router4 理解 react-router react的一个插件库 专门用来实现一个SPA应用 基于react的项目基本都会用到此库   SPA 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面, 本身也不会向服务器发请求 当点击路由链接时, 只会做页面的局部更新 数据都需要通过ajax请求获取, 并在前端异步展现   路由 什么是路由

第五章 总结 组件间通信 通过props传递 共同的数据放在父组件上, 特有的数据放在自己组件内部(state) 通过props可以传递一般数据和函数数据, 只能一层一层传递 一般数据–>父组件传递数据给子组件–>子组件读取数据 函数数据–>子组件传递数据给父组件–>子组件调用函数 使用消息订阅(subscribe)-发布(publish)机制 工具库: PubSubJS 下载: npm install pubsub-js --save 使用 import PubSub fr

第四章 react ajax 理解 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)   常用的ajax请求库 jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 fetch: 原生函数,

第三章 react应用(基于react脚手架) 使用create-react-app创建react应用 react脚手架 xxx 脚手架：用来帮助程序员快速创建一个基于 xxx 库的模板项目 包含了所有需要的配置 指定好了所有的依赖 可以直接安装/编译/运行一个简单效果 react 提供了一个用于创建 react 项目的脚手架库：create-react-app 项目的整体技术架构为：react + webpack + es6 + eslint 使用脚手架开发的项目的特点：模

第二章 React面向组件编程 基本理解和使用 自定义组件 定义组件 工厂函数组件(简单组件) function MyComponent () { return <h2>工厂函数组件(简单组件)</h2> } 没有状态的组件 ES6类组件(复杂组件) class MyComponent2 extends React.Component { render () { console.log(this) // MyComponent2的实例

第一章 React入门 React基本认识 用于构建用户界面的 JavaScript 库(View) 官网 英文官网: https://reactjs.org/ 中文官网: https://doc.react-china.org/ 特点 Declarative（声明式编码） Component-Based（组件化编码） Learn Once，Write Anywhere（支持客户端与服务器渲染，React-Native） 高效 单向数据流 高效的原因 虚拟（virtual）DOM，不总是操作 DO

eslint 解决方案整理 最近在处理react项目中报的warning，进行了以下整理   参考文档 Rules   项目中遇到warning的解决 $ xxx is defined but never used no-unused-vars 禁止出现未使用过的变量删除 $ Expected '===' and instead saw '==' eqeqeq 要求使用 === 和 !====变=== $ img elements must have an alt p