React
-
Laravel(REST API)+React入门范例
不知道什么时候开始的以讹传讹，React变成了“很难入门”的框架，但React其实是近几年主流前端框架中最轻量、最简单的：只专注于视图(View)的处理，从 发布至今多次拆分模块(拆出了ReactDOM，拆分了原来的addons)，让React核心部分更简单。当然，React的生态很庞大，刚上手就面对整个生态会觉 得复杂，但如果是用React完成日常工作中最常见的应用场景——前端读取后端数据实现增 …阅读全文 -
React 行内条件渲染
React 的行内条件渲染（inline conditional rendering）能够在无 else 分支的情况下简化条件渲染，这是由子元素定义及渲染决定的。 [代码片段] 对应的 JavaScript 代码是 [代码片段] 把 [代码片段] 等的表达式结果作为子元素去渲染时，使用 ChildReconciler#createChild ，其中仅当子元素类型（ …阅读全文 -
React Key 在非数组、队列场景下的应用
False …阅读全文 -
Is It Necessary to Apply ESLint jsx-no-bind Rule?
When using ESLint React plugin , you may find a rule called [代码片段] . It prevents you from using [代码片段] or arrow function in a JSX prop. For instance, ESLint will complain about the arr …阅读全文 -
Is It Necessary to Apply ESLint jsx-no-bind Rule?
When using ESLint React plugin , you may find a rule called [代码片段] . It prevents you from using [代码片段] or arrow function in a JSX prop. For instance, ESLint will complain about the arr …阅读全文 -
单 Store 单页应用的状态重置
如果是基于 Redux 等单 Store 形式来构建单页应用，那么需要注意，大多数时候，切换页面时（如前进、后退或直接访问），需要注意状态的重置。 如果用的是 react-router-redux，那么需要在切换后做 reset 的页面的 reducer 中，在 [代码片段] 是 [代码片段] 1 时，返回该 reducer 的 initState。如： …阅读全文 -
主流React Native组件库比较
本文比较React Native(以下简称RN)的三个组件库：NativeBase、Shoutem、React Native Elements。方法是制作一 个在Expo中运行，包含读取Wordpress文章列表，显示文章内容，以及一个登录表单界面演示的App，对比三个组件库在使用层面的差异，不涉及源码质量、平台 设备兼容性相关的问题。 NativeBase GitHub: https://git …阅读全文 -
【译】React 优化：虚拟 DOM 详解
作者：Alexey Ivanov、 Andy Barnov | 译：大辉 原文地址：https://evilmartians.com/chronicles /optimizing-react-virtual-dom-explained 本文将带你学习 React 的虚拟 DOM，并应用这些知识来加速你的应用程序。在这个对框架内部进行全面友好的初步介绍中，我们将揭开JSX的神秘面纱，向您展 …阅读全文 -
Dependency Inversion in React with Render Props
I remember the day when I “discovered” dependency injection. I was having a difficult time testing a console view, and all of my mocking strategies were failing to test a simple function. [代码片段] As …阅读全文 -
从componentWillReceiveProps说起
一.对componentWillReceiveProps的误解 [代码片段] 通常被认为是 [代码片段] ，我们确实也通过它来判断props change。但实际上， [代码片段] 在每次 [代码片段] 时都会调用， 无论 [代码片段] 变了没 ： [代码片段] 上例中，父组件 [代码片段] 的state change引发子组件 [代码片段] …阅读全文
