不只是同构应用(isomorphic 工程化你所忽略的细节)

2019-08-21
阅读 16 分钟
4.2k
不管是服务端渲染还是服务端渲染衍生出的同构应用,现在来看已经并不新鲜了,实现起来也并不困难。但是社区上相关文章质量良莠不齐,很多只是“纸上谈兵”,甚至有的开发者认为:同构应用不就是调用一个 renderToString(React 中)类似的 API 吗?

漫谈前端性能 突破 React 应用瓶颈

2018-08-14
阅读 7 分钟
5.1k
性能一直以来是前端开发中非常重要的话题。随着前端能做的事情越来越多,浏览器能力被无限放大和利用:从 web 游戏到复杂单页面应用,从 NodeJS 服务到 web VR/AR、数据可视化,前端工程师总是在突破极限。随之而来的性能问题有的被迎刃而解,有的成为难以逾越的盾墙。

从 setState promise 化的探讨 体会 React 团队设计思想

2017-08-30
阅读 7 分钟
2k
在 React 组件中,调用 this.setState() 是最基本的场景。这个方法描述了 state 的变化、触发了组件 re-rendering。但是,也许看似平常的 this.setState() 里面却也许蕴含了很多鲜为人知的设计和讨论。

React Redux 中间件思想遇见 Web Worker 的灵感(附demo)

2017-08-15
阅读 3 分钟
5.3k
熟悉 React 技术栈的同学,想必对 Redux 数据流框架并不陌生。其倡导的单向数据流等思想独树一帜,虽然样板代码会有一定程度上的增多,但是对于开发效率和调试效率的提高是显著的。同时还带来了很多诸如 “时间旅行”,“ undo/redo ” 等黑魔法。

从贺老微博引出的“遍历器(Iterators)加速那些奥秘”

2017-08-01
阅读 6 分钟
4.1k
我关注的贺老—贺师俊前辈@johnhax 最近发表个这样一条微博: 虽然这条微博没有引起大范围的关注和讨论,但是作为新人,我陷入了思考。究竟 V8 引擎做了哪些魔法,达到了极大限度的优化呢? 这篇文章,将会深入浅出分析这些优化背后的奥秘。希望大神给予斧正和引导,同时对读者有所启发和帮助。 我们到底在讨论什么? ECM...

通过一个场景实例 了解前端处理大数据的无限可能

2017-07-14
阅读 6 分钟
2.7k
随着前端的飞速发展,在浏览器端完成复杂的计算,支配并处理大量数据已经屡见不鲜。那么,如何在最小化内存消耗的前提下,高效优雅地完成复杂场景的处理,越来越考验开发者功力,也直接决定了程序的性能。

从 React 绑定 this,看 JS 语言发展和框架设计

2017-07-05
阅读 3 分钟
2.5k
在 javascript 语言中,关于 this 这个关键字的行为一直以来困扰着一代又一代初级开发者。同时 this,也充分反应了 javascript 的诡异与灵活。

React 组件设计和分解思考

2017-06-27
阅读 5 分钟
6k
之前分享过几篇关于React技术栈的文章: 做出Uber移动网页版还不够 极致性能打造才见真章 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天再来同大家讨论 React 组件...

人工智能离前端并不远 一步步教你开发一个机器学习APP(附源码)

2017-05-23
阅读 4 分钟
6.8k
最近HBO电视网推出的美剧《硅谷Silicon Valley》席卷全球,里面有一个桥段介绍了超级有趣的iOS app- Not Hotdog。你甚至可以在APP Store上下载到它。

拒绝Redux文档“毒害” 一个项目告诉你Redux最新真正哲学

2017-05-05
阅读 7 分钟
6.8k
之前分享过几篇关于React技术栈的原创文章: 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天进一步剖析一个实际案例:Uber APP 移动网页版。 如果你对React技术栈没...

由浅入深的前端面试题 和矫情的“浪漫主义”诗句

2017-03-09
阅读 3 分钟
2.1k
传统的佛学经典里,被世人熟知的有这样一句话:“一花一世界,一叶一菩提,一木一浮生,一草一天堂,一砂一极乐,一方一净土,一笑一尘缘,一念一清静。”

深入新版BS4源码 探索flex和工程化sass奥秘

2017-02-08
阅读 5 分钟
2.1k
你可能已经听说了一个“大新闻”:Bootstrap4 合并了代号为#21389的PR,宣布放弃支持IE9,并默认使用flexbox弹性盒模型。这标志着:1)前端开发全面步入“现代浏览器”的时代进一步来临;2)样式处理也再一次面向未来,拥抱更加灵活的弹性盒模型-Flex布局。

一个react+redux工程实例

2017-01-19
阅读 9 分钟
7.8k
一直在学习研究react.js,前前后后做了几次分享。并在我参与的公司产品私信项目也使用了这套技术栈 。学习过程期间,感觉react+redux初级DEMO不多,社区上多是用烂了的todolist教程,未免乏味。