
react
litter_lj
这个作者很懒,什么都没留下…
展开
-
笔记
3DTagClond 云标签react-use hooks的方法库react-router-config 路由权鉴react-keep-alive 路由缓存react-json-view json数据展示react-free-scrollbar 滚动条pubsubjs 发布订阅pace.js 加载页面进度条原创 2020-09-02 10:09:48 · 90 阅读 · 0 评论 -
hook
1.Sass的镜像配置yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g原创 2020-08-27 15:42:42 · 210 阅读 · 0 评论 -
React 笔录(渲染原理和react-redux的connect简单实现)
1.createElement,render方法的简易手写\index.js 要实现的功能:import React, { Component } from "./mReact";import ReactDOM from "./mReact-dom";function Comp(props) { return <h2>{props.name}</h2&g...原创 2019-12-18 14:07:20 · 214 阅读 · 0 评论 -
React Native 学习笔录一
组件具体的API参考官网:React Native API1. View,Text,StyleSheet// View类似Div,但是不能直接写内容// 样式没有class,只有style,通过 StyleSheet进行创建// 样式没有px,宽高,字体等数字都是没有单位的,会自动转化,安卓dp,苹果pt// flex布局中 flexDirection默认是colu...原创 2019-11-15 11:45:14 · 250 阅读 · 0 评论 -
React学习笔录三 Redux-saga UmiJs dva
1. redux-saga官方文档地址// redux-thunk 和 redux-sagaredux-thunk的action要返回函数,这本身已经破坏了react的action的初衷(是个对象)redux-saga的action还是对象,符合react的要求redux-saga 对于副作用(数据获取,浏览器缓存获取),易于管理,执行,测试和失败处理,对复杂逻辑能够很好的支...原创 2019-11-08 12:02:58 · 721 阅读 · 0 评论 -
React学习笔录二 + React Router+Redux-thunk+Redux-logger
1.组件化react组件化跟vue有所区别,容器组件 VS 展示组件状态的维护,数据获取,逻辑的处理尽量在容器组件里面展示组件尽量是傻瓜式的,纯粹的页面展示的组件,输入props就能知道展示出来是啥样,不包含状态逻辑的处理2. PureComponent展示型组件可以配合PureComponent,不过要注意几点:2-1. 改变引用的数据,PureComponent是没有效...原创 2019-11-04 15:08:28 · 371 阅读 · 0 评论 -
React学习笔录1 数据绑定,属性,class, style, 本地图片, 列表渲染
1.数据的绑定 用{}import React, {Component} from "react"class MyHeader extends Component{ constructor(props){ super(props); this.state={ msg:"这是一个信息" } } ...原创 2019-05-18 15:31:45 · 138 阅读 · 0 评论 -
Redux, Redux-saga,React-redux,Immer,Reselect,State范式化
1.概念1-1.整个应用的state被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个store中1-2.唯一改变 state 的方法就是触发action,action 是一个用于描述已发生事件的普通对象1-3.为了描述 action 如何改变 state tree ,你需要编写reducers(纯函数)2. action...原创 2019-09-16 17:51:18 · 513 阅读 · 0 评论 -
React fiber(React 16) 学习笔录
1.脚手架安装npx create-react-app 项目名2.JSX语法//如果需要使用JSx的语法糖,则必须引用Reactimport React, { Component } from 'react';// Component只是es6的解构赋值语法3.class语法的本质//Test.jsimport React, { Component } fro...原创 2019-09-03 12:02:00 · 194 阅读 · 0 评论 -
React 父子组件传值,defaultProps,PropTypes
1.父子向子组件传值,可以传值,也可以传方法,也可以传整个组件this<Child title={this.state.title}/>// this.state.title是父级的state数据,传入属性的方式传值给子组件2.子组件获取值class Child extends Component{ constructor(props){ s...原创 2019-05-25 19:08:47 · 466 阅读 · 0 评论