将定义好的interface统一放到typings目录下面。 前端组件写完了之后，别忘了对应的node中的路由和ssr的代码。 最后访问localhost:7999/demo页面就可以查看效果了。 第一个页面构建完毕之后，我们可以在写一个复杂一点的todolist页面来检查一下…

配置完成之后，接下来就要考虑打包启动以及前后端同构的架构方面的问题了。 首先我的整体思路是：根据webpack.ssr.config.js配置文件，将前端代码打包进node层供node做SSR使用，然后前端正常启动webpack-dev-server服务器即可。 这样基本上we…

最近参与了很多迁库的工作，感觉很多老代码已经不太实用，并且存在一些漏洞，加上这点时间听了很多同事的分享，因此决定尝试一下构建React的最佳实践。 为了更好地了解react项目结构，锻炼自己的能力，这里并没有使用create-react-app。 ... @rematch前段时…

自己在使用hooks API的过程中经常会遇到一些问题，有的时候是对API的理解上的，有的时候是对为什么会这样而疑惑的，所以花了几天的时间查阅了一些资料翻看了源码，在这里做下总结，也算是一些个人理解的经验分享吧。主要是介绍hooks实现的三个要点，以及基于三要点的常用API源码…

在众多数据可视化产品中，Echarts可谓中流砥柱，其功能的强大、灵活在图表界的水平以顶尖来形容，个人感觉一点也不过分；我作为一名前端开发人员，也经常用Echarts来解决公司或个人项目中的图表需求，甚是得心应手；不得不说，在我从事研发工作多年以来，还能保持着一头乌黑的短发，E…

介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

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

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

ps：近期工作内容接触 React 可能比较多，Vue 方面可能言辞欠妥，一旦发现，立马纠正。 componentWillUnmount —— 组件即将被销毁，在此处可以清理定时器、取消RxJS的订阅行为等，防止内存溢出。 React V16后，因为引入了 Fiber 机制，之…