摘要: 话不多说,先上代码: import React from 'react'; // 第一行 export const TextContext = React.createContext(); const Wrapper = () => { return ( // 第二行 <TextContext.Pr 阅读全文
posted @ 2020-03-23 13:52 青梅猜 阅读(2362) 评论(0) 推荐(1) 编辑
摘要: 用 react antd开发了一个页面,最后webpack打包的大小竟然达到了 1.9M ,gzip压缩之后也有500kb。 这超出了能承受的范围,我一个小网站哪有这么大的带宽。 1. 找原因 开始的时候并不知道是antd的锅,后来发现了一些工具可以提供UI来分析打包的js的组成部分。比如这个: h 阅读全文
posted @ 2019-10-06 11:57 青梅猜 阅读(5843) 评论(0) 推荐(1) 编辑
摘要: 如果你用组件化的前端方案,比如React这种,那么毫无疑问,css in js方案要比传统的css方案要好。 css in js 有两点不可撼动的优越性。 1. 你不需要再为命名的css的 class name而思考了。传统的css方案,因为class name是全局的,你就要保证它的唯一性,你要把 阅读全文
posted @ 2019-10-02 23:04 青梅猜 阅读(3355) 评论(0) 推荐(1) 编辑
摘要: React的基本功能差不多看完了,顺带读了一点Vue的基础语法。其实为了更好的理解它们。 1. 功能上Vue应该是比React更强大的,因为Vue不仅支持传统的以html为主线的模板引擎,同时也支持React发明的jsx。我没有仔细去看vue的jsx,所以没有办法比较它与react的优劣,不清楚vu 阅读全文
posted @ 2019-09-08 15:46 青梅猜 阅读(2072) 评论(0) 推荐(0) 编辑
摘要: 最近开始学习React,记录一下心得。 React hooks是16.8.0推出的,其目的是为了替换class,HOC,render props。那么本文将讨论啥是hooks,HOC,render props,以及hooks究竟能不能替换掉HOC,render props。 Hooks替代HOC和r 阅读全文
posted @ 2019-09-08 13:08 青梅猜 阅读(2623) 评论(0) 推荐(1) 编辑