REACT组件库开发指南

2020-05-08
阅读 5 分钟
5.3k
本文介绍一个基本的组件库需要满足哪些要求,重点介绍了基于umi father构建react组件库的关键点,并提供了示例工程。 WHAT 一个UI组件库的基本要求 支持多种格式 支持umd cjs esm ,当然就现在前端开发而言, umd 的支持与否并不是那么重要。 TypeScript 完整的类型定义,支持静态检查。都2020年了,不支持typescript是...

react扬帆起航之同构(一)

2018-03-12
阅读 1 分钟
2.4k
在依靠客户端渲染时,当用户打开页面时,多数情况下是这样的(不考虑缓存): 向静态资源服务器获取html/css => 向静态资源服务器获取js => 向api服务器获取数据 => 开始渲染内容。而在依靠服务端渲染时,发送http请求后,服务端计算出用户需要的数据,然后返回带有内容的html。因此,一般情况下,对于首次打开...

react扬帆起航之状态管理(mobx)

2018-03-09
阅读 3 分钟
3.8k
一直以来,redux是react事实上的状态管理工具,直到mobx横空出世。从此,多了一个选择。关于mobx与redux的异同,网上有很多文章介绍,本文中不再叙述了。本文主要介绍react与mobx搭配使用,当然,有时间我也许会写一个react与redux搭配使用的示例教程。

react扬帆起航之前后端数据交互

2018-03-08
阅读 2 分钟
5.3k
前后端交互是开发现代应用必不可少的内容,不同于angular内置HttpClientModule,react默认并未提供用于http请求的功能。我们直接使用fetch,但一些老旧的浏览器支持度不太好。本文中,我们推荐使用基于Promise的库 -- axios。

react扬帆起航之路由配置与组件分割

2018-03-07
阅读 4 分钟
4.6k
路由 react-router v4 发生了巨大改变,由静态路由开始转向动态路由,从此,就像使用普通组件一样来声明路由。其实,路由从此就是一个普通组件。 路由的按需加载的实质是代码分割,react-router官网有个代码拆分的示例,是基于bundle-loader实现的.现在官网的代码已经改为基于react-loadable实现。 除此之外,我们还可以...

react扬帆起航之基本环境搭建

2018-03-07
阅读 3 分钟
5.2k
react-app-rewired是一个对create-react-app进行自定义配置的社区解决方案,可以在不 eject 的情条件下对create-react-app进行高级配置。