上一篇介绍了下webpack的一些配置，接下来讲下reactRouter4里面关于路由的一些配置，如何做到模块的按需加载，这也是常用的一种优化网站性能的方式。 首先在创建React项目的时候，我们一般要引入两个包，react 和 react-dom， 那么 react-rout…

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

相信大家在项目开发中，在页面较复杂的情况下，往往会遇到一个问题，就是在页面组件之间通信会非常困难。 假如这两个列表是独立的两个组件，它们会共享一个数据 “被选中的商品”，在商品列表选中一个商品，会影响已添加商品列表，在已添加列表中删除一个商品，同样会影响商品列表的选中状态。 它…

面试官问： “React Fiber 是什么？” 为什么叫 “Fiber”? Fiber 架构解决了什么问题？ 怎么回答 遇到这样的问题，一般从以下几个方面去回答......

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

我们在这边文章里面用的是mycli ，但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型，感兴趣的同学本地下载可以体验效果。 一条命令创建项目，安装依赖，编译项目，运行项目。 我们希望用一条命令行,实现项目创建，依赖下载,项目运行，依赖收集等众多流程。如…

Electron可以让我们使用html,css,javascript来搭建跨平台（Windows、macOS、Linux）的桌面应用。下面通过Electron+Nodejs+React来实现一个支持播放在线音乐及本地音乐的播放器。播放器设计风格为windows的Fluent D…

从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通…

本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈. 通用型组件: 比如Button, Icon等. 布局型组件: 比如Grid…