很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

React.lazy + Suspense 可以检测到组件树中的所有懒加载的组件，并根据其加载状态调用 fallback。其中的实现原理与 React Error Boundaries 是类似的，而 React Error Boundaries 的实现原理又与 try-catc…

React 的虚拟 DOM、声明式地描述用户界面并为界面构建相应状态的能力、对有一定水平的 JavaScript 开发者来说入门门槛低，这些都使 React 成为了一个非常棒的构建 UI 的 专业库。 使用 React 的另一个重要原因是它的组件。组件能够让你把 UI 分割成独…

本文是译者第一次做完整的全篇翻译，主要目的是学习一下这类文章的写作风格，所以挑了一篇相对入门、由浅入深的文章，全篇采用直译，即使有时候觉得作者挺啰嗦的，也依然翻译了原文内容。 相较于Javascript，JSX是一个很好的扩展，它允许我们定义UI组件。但是，它不提供条件、循环表…

PC端的浏览器对于PDF文件的展示没有太大的问题，给定一个PDF的链接，就可以用浏览器默认的展示样式来展示和渲染PDF文件的内容。比如一个"http://www.baidu.com/test/pdf"。 如何在移动端展示这个文件。为了在移动端展示和渲染PDF文件的内容，本文在p…

准备了挺久，一直想要好好深入了解一下Webpack，之前一直嫌弃Webpack麻烦，偏向于Parcel这种零配置的模块打包工具一些，但是实际上还是Webpack比较靠谱，并且Webpack功能更加强大。由于上一次学习Webpack的时候并没有了解过Node.js，所以很多时候真…

React在版本16.3-alpha里引入了新的Context API，社区一片期待之声。我们先通过简单的例子，看下新的Context API长啥样，然后再简单探讨下新的API的意义。 文中的完整代码示例可在笔者的GitHub上找到，点击传送门。 需要安装16.3-alpha版…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

最近（2018-10-23）React官方发布了16.6版本，开放了一堆新的功能，而这其中的一些新功能，代表这未来的React开发方式，让我们来一起窥探未来吧。 做过code-splitting的同学能闻到熟悉的味道。以前我们要用第三方包或者自己处理异步过程，现在，React原…