这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中，新增了 React.lazy 函数，它能让你像渲染常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应 ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

最近在收集一些资料来帮助自己理解和阅读 vue 的源码。在学习和阅读过程中，发现我们读解 vue 源码难度是在于很难找到一条主线将 vue 源码串起来，我想正在阅读 vue 源码的朋友也会有同样感受吧。这是因为这些造成大家在阅读 vue 源 ...

创建项目详细步骤 一、 创建项目并上传到github： 1. npm i create-react-app -g 全局安装react脚手架 2. create-react-app react-demo 创建一个名为react-demo的 ...

coding 组件 组件可能是函数还可能是类，我们知道只要继承 Component 类就是 react 的组件。 function Box(){ return ( <div className='box' size ...

coding 我们写一段 jsx ，有关 jsx 语法这里暂不做过介绍，留下伏笔 const ele = ( const ele = ( hello ...

大多数野生程序员最棘手的问题就是如何依靠技术解决温饱，通俗来讲就是技术折现的问题。如果是单纯出于兴趣，或者只是为了突击某一阶段或者某一项目技术壁垒，不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时，一切都就另当别论了。 ...

image 同构，就是一套React代码在服务器上运行一遍，到达浏览器又运行一遍。服务端渲染完成页面结构，浏览器端渲染完成事件绑定。 那如何进行浏览器端的事件绑定呢？ 唯一的方式就是让浏览器去拉取JS文件执行，让JS代码来控制。 imag ...

本文主要介绍如何将你现有的项目平滑的迁移至TypeScript。 我们这里以React + Webpack + Babel项目为例。其他类似的项目其实也都大同小异，可以参考进行配置。 第一步：支持编译.ts, .tsx文件 首先我们安装相 ...

coding 百度和阿里内部都是在使用 react，包括今日头条也在使用 react。似乎 vue 最近比较火，但是对于一些大型项目我们还是需要react，vue 轻巧灵活更合适一些小型的项目。而且 react 是给我带来全新 virtu ...