![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 55
夏夜听风雨
丰碑无语,行胜于言
展开
-
React基础-JSX语法
前言学习和使用React有一段时间了,最近时间比较充裕,所以想把最近这段时间学习和使用react的心得和经验总结一下,从react的基础用法,到react-router、redux、immutable.js、styled-components等与react配套使用的一系列插件的使用都进行一个总结,写出来给大家分享下,本文只涉及基础用法,对于底层的原理和编译我另外再写文章表述。原文地址 : Li...原创 2018-09-03 15:36:46 · 1787 阅读 · 0 评论 -
React的虚拟dom和Diff算法
在React中最让人称道的就是它的虚拟DOM和独特的Diff算法了,它极大的提高了我们渲染页面的性能。在实际项目中我们不需要去关心虚拟DOM的运行原理,只需关注我们的数据即可,因为Diff算法会帮助我们去计算和分析虚拟DOM中变化的部分,从而去重新渲染该部分,从而实现了性能的提升,也简化了我们的操作。原文地址:Liang的博客虚拟DOM原理虚拟DOM是由state数据和JSX模板结合生成...原创 2018-10-12 15:51:47 · 297 阅读 · 0 评论 -
redux基础教程-redux简单应用
原文地址:Liang的博客Redux简介Redux是JavaScript状态容器,它是一个应用数据流框架,提供可预测的状态管理。换言之,我们应用系统中的一些共享状态、共享数据都可以应用Redux来出来。应用中我们可以在任何位置通过Redux来快速的获取需要的数据,你需要做的只是告诉Redux哪个组件需要,接下来的你就不用管了,Redux会帮你搞定后面的事。是不是很方便啊,接下来让我们一起来学...原创 2018-10-12 15:54:56 · 253 阅读 · 0 评论 -
redux基础教程(二)-react-redux的应用
react-redux简介React 和 Redux 其实是两个独立的框架,都可以单独的使用。但在react中使用redux的话,就没有理由不使用 react-redux了,因为它可以大大的简化redux的代码书写。react-redux核心react-redux有两个最主要的核心功能connect : 用来链接容器组件和UI组件Provider: 提供包含 store的contex...原创 2018-10-12 15:56:12 · 149 阅读 · 0 评论 -
react-router4-路由的嵌套和动态传值
前言react-router升级4以后有许多的更改,在web端使用的router改为了 react-router-dom,其整个设计思想也更加符合组件化的思想,一切都是组件!所以路由的嵌套也和之前有了较大的变化,react-router-dom的路由嵌套有两种方式。原文地址:Liang的博客路由嵌套1.在组件中需要嵌套路由的地方直接使用Route标签书写路由/*router.js*/...原创 2018-10-12 15:58:26 · 2382 阅读 · 0 评论 -
react-router4登录权限控制
前言我们在做系统的时候都会遇到登录的问题,那么react框架怎么实现登录权限的控制呢?本文利用react-router-dom和sessionStorage来进行登录权限的控制。原文地址:Liang的博客安装react-router-domyarn add react-router-dom入口文件 - index.jsimport React from 'react';impor...原创 2018-10-12 16:03:14 · 8156 阅读 · 2 评论