前端飞一般的发展中，衍生出各式各样的框架，框架的目的是减轻开发人员的开发难度，提高效率。以前网页开发的原则是关注点分离，意思是各种技术只负责自己的领域，不要混合在一起，形成耦合。如html、css、js代码分离。 React的出现，这个原则不在实用，React是组件结构，强制把…

前言事情的起因是在掘金中看到「网易云音乐大前端」团队分享的【剖析lottie-web动画实现原理】，开始学习如何使用Lottie并在项目中运用Lottie网址：http://airbnb.io/lot

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

关注公众号玩相机的程序员，第一时间阅读最新文章。 create react app 是 React 官方创建单页应用的方式，为了方便，下文皆简称 CRA。 本文主要就是通过源码分析对上述的理解进行阐述。 如果图片不清晰可以微信搜索公众号 玩相机的程序员，回复 CRA 获取。 0…

一直以来，ssh 身边都有很多小伙伴对 TS 如何在 React 中运用有很多困惑，他们开始慢慢讨厌 TS，觉得各种莫名其妙的问题降低了开发的效率。 其实如果运用熟练的话，TS 只是在第一次开发的时候稍微多花一些时间去编写类型，后续维护、重构的时候就会发挥它神奇的作用了，还是非…

以下展示了count改变的来源，并非是通过事件监听或是事件绑定或是代理等对count本身做出的改变，而是重新创建了一个count， 新创建的count值是最后一次改变的state中的count. 我们发现，每次调用的count和handleAlertClick，都是重新创建的c…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

React 社区一直在探索各种 JSS 方案，比如现在比较出名的 styled-components ，但他们或多或少都有些问题存在，但是社区对 JSS 方案的探索一直没有停下，而现在看上去最像最佳方案的是 Linaria 库。翻了下这个库相关的中文资料几乎没有，于是写了这篇与…

React的新 "hooks" APIs 赋予了函数组件使用本地组件状态，执行副作用，等各种能力。 React Redux 现在提供了一系列 hook APIs 作为现在 connect() 高阶组件的替代品。这些 APIs 允许你，在不使用 connect() 包裹组件的情况…