React
允潇的博客
废物
展开
-
React学习--心得笔记(更新中~)
最近使用RN搞手机APP,RN出于React,闲暇时学习一下,希望能有更深的理解理念。1.IDE磨刀不误砍柴工,使用的是Atom,插件安装了1.atom-react-autocomplete–项目内,组件名及状态的自动补全;2.autocomplete-js-import–模块导入智能提示 ;3.language-javascript-jsx – JavaScript, ES6, ES7, Rea...原创 2018-05-29 20:16:13 · 375 阅读 · 0 评论 -
Taro 与 React 的差异(Taro的约束(keng))
Taro 与 React 的差异(转自小册)由于微信小程序的限制,React 中某些写法和特性在 Taro 中还未能实现,后续将会逐渐完善。 截止到本小册发布前,Taro 的最新版本为 1.1,因此以下讲解默认版本为 1.1。暂不支持在 render() 之外的方法定义 JSX由于微信小程序的 template 不能动态传值和传入函数,Taro 暂时也没办法支持在类方法中定义 JSX。无效...转载 2019-01-04 16:26:26 · 5385 阅读 · 0 评论 -
关于React中数据获取为什么一定要在componentDidMount里面调用?
总结了许多文章,结论如下: constructor() constructor()中获取数据的话,如果时间太长,或者出错,组件就渲染不出来,整个页面都没法渲染了。constructor是作组件state初绐化工作,并不是设计来作加载数据的。 componentWillMount() 如果使用SSR(服务端渲染),componentWillMount会执行2次,一次在服...原创 2018-08-02 16:27:31 · 15824 阅读 · 1 评论 -
React16.3?x生命周期
16版本的react对组件的生命周期函数进行了一些修改,在每个react组件中都有以下几个生命周期方法~我们需要在不同阶段进行讨论。组件生命周期概述1.初始化在组件初始化阶段会执行 1. constructor 2. static getDerivedStateFromProps() 3. componentWillMount() / UNSAFE_componentWillMo...转载 2018-08-02 15:41:07 · 1172 阅读 · 0 评论 -
React高阶组件的应用及讲解
我的应用场景通常我会通过高阶组件去优化之前老项目写的不好的地方,比如两个页面UI几乎一样,功能几乎相同,仅仅几个操作不太一样,却写了两个耦合很多的页面级组件。当我去维护它的时候,由于它的耦合性过多,经常会添加一个功能(这两个组件都要添加),我要去改完第一个的时候,还要改第二个。而且有时候由于我的记性不好,会忘掉第二个... 就会出现bug再返工。更重要的是由于个人比较懒,不想去重构这部分的代码...转载 2018-08-02 14:49:53 · 539 阅读 · 0 评论 -
React中无状态组件和状态组件&&受控组件和非受控组件
无状态组件和状态组件React中创建组件的方式在了解React中的无状态和有状态的组件之前,先来了解在React中创建组件的三种方式:ES5写法:React.createClass; ES6写法:React.Component; 无状态的函数写法,又称为纯组件SFC。React.createClass是React刚开始推荐的创建组件的方式。这是ES5的原生的JavaScript来...转载 2018-08-02 14:24:46 · 1528 阅读 · 0 评论 -
React16新特性
Error Boundary render方法新增返回类型 Portals 支持自定义DOM属性 setState传入null时不会再触发更新 更好的服务器端渲染 新的打包策略 ...1. 使用Error Boundary处理错误组件之前,一旦某个组件发生错误,整个组件树将会从根节点被unmount下来。React 16修复了这一点,引入了Error Boundary的概念,中...转载 2018-08-02 14:01:06 · 2977 阅读 · 0 评论 -
React之flux
Flux:简单说,Flux 是一种架构思想,专门解决软件的结构问题。它跟MVC 架构是同一类东西,但是更加简单和清晰。Flux存在多种实现(至少15种),本文采用的是Facebook官方实现。首先,Flux将一个应用分成四个部分。View: 视图层 Action(动作):视图层发出的消息(比如mouseClick) Dispatcher(派发器):用来接收Actions、...原创 2018-08-09 17:00:15 · 605 阅读 · 0 评论 -
React发开插件(谷歌浏览器)
1.React Developer Tools 3.2.32.Redux DevTools 2.15.2https://pan.baidu.com/s/1Ihiy0w5WasZ8jiPypF9R1w原创 2018-06-20 16:59:31 · 5853 阅读 · 2 评论 -
React 最好的 ui 组件库集锦
【转载】https://www.rails365.net/articles/react-zui-hao-de-ui-zu-jian-ku-ji-jin这里有一篇讨论,说了哪个才是 React 最好的 ui 组件库。https://discuss.reactjs.org/t/best-ui-library-for-react/2953/5我也不知道。因人而异吧,喜欢用哪个就哪个,只要能解决问题就好。...转载 2018-06-26 15:54:37 · 30035 阅读 · 1 评论 -
create-react-app eject 之后修改webpack4的配置达到antd按需加载
前提:通过NPM或者yarn....安装babel-plugin-import的包1.config/webpack.config.dev.js搜索关键字“cacheDirectory”,238行左右。添加代码[require.resolve('babel-plugin-import'), { libraryName: 'antd', style: 'css' }]2.c...原创 2018-12-26 10:48:00 · 2162 阅读 · 0 评论