【30】React
LGX_TvT
小步快跑
展开
-
React学习【07】React UI
React UI文章目录React UI1. 最流行的开源React UI组件库1.1 material-ui(国外)★ 1.2 ant-design(国内蚂蚁金服)1.3 Semantic UI React1.4 Office UI(微软)1.5 Amaze UI React2. ant-design入门2.1 安装配置基本开发环境2.2 例子(显示一个按钮)3. 按需打包1. 最流行的开源...原创 2019-01-01 03:04:25 · 784 阅读 · 0 评论 -
React学习【06】React react-router4
react-router4文章目录react-router41. 什么是react-router2. 什么是SPA3. 路由的理解4. react-router相关API4.1 组件4.2 其他5. 基本路由使用5.1 环境准备5.2 组件拆分5.2.1 拆分组件5.2.2 项目目录结构5.3 具体代码5.3.1 index.js5.3.2 app.jsx5.3.3 NavLink25.3.4 ...原创 2019-01-01 03:02:31 · 806 阅读 · 0 评论 -
React学习【05】React 消息订阅发布机制
React 消息订阅发布机制文章目录React 消息订阅发布机制1. 组件间通信1.1 方式一: 通过props传递1.2 方式二: 使用消息订阅(subscribe)-发布(publish)机制1.3 方式三: redux2. 事件监听理解2.1 原生DOM事件2.2 自定义事件(消息机制)3. ES6常用新语法1. 组件间通信1.1 方式一: 通过props传递共同的数据放在父组件...原创 2019-01-01 02:59:12 · 5819 阅读 · 0 评论 -
React学习【04】React Ajax的使用
React Ajax的使用文章目录React Ajax的使用1. React Ajax2. 常用的Ajax请求库3. axios4. fetch5. 综合案例5.1 案例15.1 案例25.1.1 组件拆分5.1.2 基本步骤5.1.3 环境安装5.1.4 基本结构5.1.5 具体代码5.1.5.1 index.js5.1.5.2 app.jsx5.1.5.3 search.jsx5.1.5.4...原创 2019-01-01 02:57:36 · 1729 阅读 · 0 评论 -
React学习【03】React应用(基于React脚手架)
React应用(基于react脚手架)文章目录React应用(基于react脚手架)1. React脚手架2. 创建项目并启动3. React脚手架项目结构4. Hello World React5.评论管理 Demo项目地址 react-learn-demo/class_02/class-demo-03-pinlun5.1 目录结构:5.2 实现步骤5.3 模块拆分5.4 具体代码index...原创 2019-01-01 02:54:46 · 842 阅读 · 0 评论 -
React学习【02】React面向组件编程
React面向组件编程文章目录React面向组件编程1. React组件的基本定义以及使用1.1 自定义组件(Component)注意1.2 render()渲染组件标签的基本流程2. 组件的三大属性2.1 state2.1.1 什么是state2.1.2 state具体操作2.1.3 例子2.2 props2.2.1 什么是props2.2.2 props的作用2.2.3 props 具体操作...原创 2018-12-31 16:58:38 · 968 阅读 · 0 评论 -
React学习【01】React入门
React入门文章目录React入门1. 什么是React2. React Hello World3. JSX3.1 什么是JSX3.2 JSX的基本使用ul - li 小例子4. 虚拟DOM4.1 渲染虚拟DOM(元素)4.2 建虚拟DOM的2种方式5. 模块与组件和模块化与组件化1. 什么是React2. React Hello World<!DOCTYPE html>...原创 2018-12-31 16:54:28 · 796 阅读 · 0 评论 -
React学习【08】React redux
文章目录redux1. redux简介1.1 什么是redux1.2 redux工作流程1.3 什么情况下需要使用redux1.4 安装使用redux2. redux的核心API2.1 createStore()2.2 store对象2.3 applyMiddleware()2.4 combineReducers()3. redux的三个核心概念3.1 action3.2 reducer3.3 s...原创 2019-01-01 03:07:10 · 785 阅读 · 0 评论