Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…

在 React 日常的使用中，一个很重要的点就是，不要直接去修改 state。例如：this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定，一个state的更新，首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…

2). 计算item元素的x,y 3). 计算每一个list中的i数据的行列值 4). 计算目标位置的list元素的index

本项目是一个高仿B站移动端项目，基于我之前搭建过的SSR服务端渲染模板开发，开发的初衷是想使用此模板进行实战，实战后才能说明模板的可靠性。前端大部分都是页面展示，基本上没什么可仿的，看多了就会觉得腻，就选了B站，核心功能在于视频播放和弹幕，主要用于学习和交流，还请B站团队海涵。…

组件的生命主要包括3个阶段： 挂载、更新、卸载，React 16开始还添加了错误处理。 而constructor()用来做一些组件的初始化工作，如定义this.state的初始内容。 在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

前几节已经把项目基本骨架和路由搭建好了，但作为实际项目开发，这些还是不够的。随着业务的增大，应用层序代码也随之增大，如果把所有代码都打包到一个文件里面，首次加载会导致时间相对变长，增加流量（对移动端来说）。应用程序包含很多页面，某一时刻用户只会访问一个页面，用户未访问的页面代码…