![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 81
枫上雾棋
from Front-End to Full stack
展开
-
React 组件解耦之道
React 的组件非常的灵活可扩展,不过随着业务复杂度的增加和许多外部工具库的引入,组件往往也会显得浮肿,接下来我们就一起来看看常见的几种,遵循单一职责原则的,组件分割与解耦的方法分割 render 函数当一个组件渲染的内容较多时,有一个快速并且通用的方法是创建sub-render函数来简化原来庞大的 renderclass Panel extends React.Component { re翻译 2017-08-25 22:33:50 · 484 阅读 · 0 评论 -
React 演化史
在 Stack Overflow Trends 中快速搜索 React 的技术趋势, 可以清楚地发现 2014 到 2017 年 React 呈现稳步增长的趋势, 而且在各大社区不难发现, 世界各地的开发人员在最近几年都在积极寻求并获得有关 React 问题的答案. React 真的是非常的美妙, 我们将会用接下来十年的时间来继续探索. – Guillermo RauchReact翻译 2017-08-25 22:41:46 · 591 阅读 · 0 评论 -
在 React 16 中使用高阶组件来捕获异常
可能你已经知道, 在 React 16 中, 将会引进一个全新的架构 - React Fiber, 它彻底重写了 React 的协调算法, 并引入了一些新的特性. 这篇文章就是跟大家分享 React 16 中新的生命周期方法 - componentDidCatch, 它能捕获在子组件树中任何地方的 JavaScript 异常,并打印这些错误和展示备用UI, 就像将 children 包裹在一个大的翻译 2017-08-25 22:45:38 · 554 阅读 · 0 评论 -
React Web 动画的 5 种创建方式,每一种都不简单
以前一直投入在 React Native 中,写动画的时候不是用 CSS 中的 transitions / animations,就是依赖像 GreenSock 这样的库,最近转向 Web,在 Tweet 得到很多大佬关于 React Web 动画 的回应,于是决定分享给大家,如有其他见解,非常欢迎在下面评论中交流以下便是本文要分享的创建 React 动画 的几种方式 - CSS animati翻译 2017-08-25 23:05:02 · 207 阅读 · 0 评论 -
你不知道的 React Router 4
几个月前,React Router 4 发布,我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然,我在学习 React Router 4 的第一天,也是非常痛苦的,但是,这并不是因为看它的 API,而是反复思考使用它的模式和策略,因为 V4 的变化确实有点大,V3 的功能它都有,除此之外,还增加了一些特性,我不能直接将使用 V3 的心得直接迁移过来,现在,我必须重新翻译 2017-08-25 23:08:32 · 231 阅读 · 0 评论 -
在 React 中什么时候使用箭头函数
当我们想起箭头函数时,脑海里可能会浮现 棒,酷,简洁,有趣 等形容词,其实,我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的解决 this 引起的问题箭头函数不会在函数体内重新定义 this 的值,这使得在回调中的行为更容易预测,并且避免了 this 在回调中潜存的 bug下面我们来看一个 example我们期望点击按钮,改变按钮颜色,代码如下class BrokenButto翻译 2017-08-25 23:11:43 · 877 阅读 · 0 评论 -
如何让 vim 成为我们的神器
安装sudo apt-get install vim // Ubuntu新手指南vimtutor // vim 教程移动光标# hjkl# 2w 向前移动两个单词# 3e 向前移动到第 3 个单词的末尾# 0 移动到行首# $ 当前行的末尾# gg 文件第一行# G 文件最后一行# 行号+G 指定行# <ctrl>+o 跳转回之前的位置# <ctrl>+i 返回跳转之前的位置退原创 2017-10-08 16:47:37 · 1119 阅读 · 0 评论 -
重温 Webpack, Babel 和 React
开始之前在书写文章之前,我假设大家已经有了 JavaScript,Node 包管理工具,Linux 终端操作 这些基本技能,接下来,我将一步一步指引大家从头搭建一个 React 项目最终实现的效果我们将使用 Webpack 和 Babel 搭建一个 React 应用,我们的目的很清晰,就是 更好的理解和掌握这些工具的使用我们创建的应用程序既要做到 最小,也要遵循 最佳实践,为不是特别熟练的同学巩固翻译 2017-10-16 09:33:24 · 491 阅读 · 0 评论