获取子组件的方法可以通过递归this.props.children中得到获取父组件的方法方法一：可以通过react内部私有函数this.reactInternalInstance.currentElement.owner.instance获取...
2年前 (2017-07-26) 1716℃ 暂无评论 33赞
TransitionGroup和CSSTransitionGroup已移动到react-transition-group有社区维护。它的1.x分支与现有插件的API是完全兼容的。TransitionGroup是一个具有低级API的动画组件，...
2年前 (2017-07-31) 737℃ 暂无评论 34赞
引言该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。这是该系列的第一部分。该部分将主要关注配置我们的模块和文件结构，但我们最后将会创建一个示例组件...
2年前 (2017-07-14) 1565℃ 暂无评论 39赞
重要API一览路由容器组件BrowserRouter: 浏览器自带的API，restful风格（需要后台做相应的调整）；HashRouter: 使用hash方式进行路由；MemoryRouter: 在内存中管理history，地址栏不会...
2年前 (2017-07-06) 1513℃ 暂无评论 36赞
Redux 的书写分离从 Redux 官方示例开始，我们就采用了 actions 和 reducers 分开文件夹来维护的思路。但是在实际业务中，大部分场景下一个 action 触发的 reducer 是在一个子...
2年前 (2017-06-17) 371℃ 暂无评论 36赞
只有10%~20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%时间花在了下载页面中的 所有组件 上。 - 性能黄金法则，Steve SoudersSteve Souders在2007年提出这样的“...
2年前 (2017-06-05) 870℃ 暂无评论 47赞
1.安装工具chocolatey右键管理员运行 powershell.exe=>Set-ExecutionPolicy unrestricted // 修改执行策略=>iwr https://chocolatey.org/install.ps1 -UseBasicParsing | i...
2年前 (2017-05-16) 630℃ 暂无评论 41赞
React 新手一开始可能会问到这样一个问题，“在 React 中如何发送 AJAX 请求呢？”本文正要回答该问题。首先：React 本身对获取数据的方式并无任何特殊偏好。实际上，在 React 的图...
2年前 (2017-05-14) 1250℃ 暂无评论 39赞
由于框架使用的是 React ， 多语言方案也选择了生态系统下的 react-intl 模块，它是雅虎 FormatJS 计划的一部分。翻译字符串替换使用 react-intl 替换字符串用以翻译很方便。只...
2年前 (2017-04-21) 900℃ 暂无评论 50赞
1 安装wenpack$ npm install webpack -g // 当然前提你要安装node2 安装webpack-server（webpack的服务器，不用请忽略）$ npm install webpack-dev-g3 安装react react-dom...
2年前 (2017-04-18) 487℃ 暂无评论 64赞
使用loaders每引入一种loader，就相当于告诉了webpack：当遇到某种类型的文件时，就使用该loader来解析。less项目中使用了less，解析less文件需要使用3个loader:style-loader，css-lo...
3年前 (2017-03-21) 569℃ 暂无评论 36赞
css加载style-loader一般性配置：js file:import './message.css';webpack: module: { loaders: [ { test: /\.(scss|css)$/, load...
3年前 (2017-03-19) 816℃ 暂无评论 34赞
SPA 项目基本上都会用到路由 router。react 还有 vue 对应有其路由插件。 react-router 还有 vue-router 都有 hashHistory 和 browserHistory 模式。这里大概说一下两者区...
3年前 (2017-03-09) 3063℃ 暂无评论 28赞
大家都知道，react的一个痛点就是非父子关系的组件之间的通信，其官方文档对此也并不避讳：For communication between two components that don’t have a parent-child relation...
3年前 (2017-03-05) 329℃ 暂无评论 41赞
1.mobx的基本用法作为一个数据层框架，mobx基于一个最简单的原则：当应用状态更新时，所有依赖于这些应用状态的监听者（包括UI、服务端数据同步函数等），都应该自动得到细粒度地更新。...
3年前 (2017-02-20) 2770℃ 暂无评论 48赞
ReactReact中有两大核心组件：react：核心库 (React)react-dom：提供与DOM相关的功能 (ReactDOM)npm install react react-dom –save-dev1、JSX和DOM操作//->在入口中导入CSS,使...
3年前 (2017-02-19) 637℃ 暂无评论 29赞
Provider模式许多的React库都需要在所有的组件树中传递数据。比如说，Redux需要传递他的store，而React Router需要传递当前的地址。一个看似可行的方案时使用共享的可变状态，但...
3年前 (2017-02-16) 374℃ 暂无评论 34赞
React组件单元测试React官网推荐使用jest + React.addons.TestUtils进行单元测试。jest是单元测试的框架，React.addons.TestUtils是针对React相关的方法，二者结合在一起可以方...
3年前 (2017-02-11) 377℃ 暂无评论 34赞
前言因公司前端项目在很长的一段时间内都没有一个比较合适的项目打包优化工具，以致页面打开速度慢，很多页面的代码很容易被其它公司抄袭，设计稿还原度不高，来回修改，影响工作效率...
3年前 (2017-02-06) 274℃ 暂无评论 32赞
在上篇中写了对flux的分析，这次来说说reflux吧。reflux是对flux的升级扩展，并且去掉了dispatcher这一层，比起使用起flux来，思路更加清晰，是一个标准的pub/sub模式的架构，同时能少...
3年前 (2017-02-05) 480℃ 暂无评论 30赞
计划开始之前很早之前看到过许多诸如 spinkit、 loader.css、 spin.js 一大堆实现 loading 效果的库，思路基本上是用各种 div 定位到一个icon 大小的 grid 内，再对他们进行不...
3年前 (2017-02-01) 400℃ 暂无评论 23赞
开始讨论晚上 FE 群里，设计师 @l 突然提出了一个问题：为什么 React Native 使用 JS 来做样式，而不是使用CSS？因为 React.js 开发 Web 的时候，是可以使用 className 的，我们可以使...
3年前 (2017-01-30) 374℃ 暂无评论 34赞
循环遍历通过循环遍历出生成的组件集合，在循环时一定要加上key值render(){ return ( <p> {arr.map(function(it,i) { return <span key={i}> {it} </s...
3年前 (2017-01-24) 272℃ 暂无评论 29赞
JSX 语法的本质目的是为了使用基于 xml 的方式表达组件的嵌套，保持和 HTML 一致的结构，语法上除了在描述组件上比较特别以外，其它和普通的 Javascript 没有区别。 并且最终所有...
3年前 (2017-01-24) 260℃ 暂无评论 27赞
ES6有许多新的特性，语法也在ES5上有较大的变化，在React中应用广泛，下面列举部分示例，体会一下ES6的语法给我们带来的便利…导入模块ES5var React = require('react');va...
3年前 (2017-01-23) 306℃ 暂无评论 42赞
