react 大冒险-一些实用的 package-day 30

今天似乎是第 30 天，轻松一下～
来介绍一些好用的 package

(伪)结赛感言

总之晃的一下就 30 天了，怎麽感觉好像才刚开赛没多久XDD
没想到今年竟然成功完赛了 觉得有够不可思议
-铁人赛期间卡了两个连假 差点以为自己会死在连假这波

自认自己还有进步空间，不过在下班後还要写文章真的是有够肝的呜呜
明年有机会的话看来要多备点资料，及早准备

另外，标题 day25~day29 这几篇会在之後补上
内容会是几篇实作的例子(做个 todo list) 跟一部分概念上的东西
前面有些篇幅写的比较潦草的也会在完赛後找时间修改一下
有机会的话或许会继续写下去吧(口出狂言中)

总之祝福大家收获满满！

总不能说因为在加班的关系 文章快要开天窗XDD
所以容许我在第 30 天偷个懒

routing

react router

官方御用的 library

reference
https://reactrouter.com/

ui 类

Semantic UI React

用来做 react component 外观的 ui 库

reference
https://react.semantic-ui.com/

react-bootstrap

就是整合 bootstrap 的 react 版本啦，应该不用多介绍XD

reference
https://react-bootstrap.github.io/

material-ui

用来做 react component 外观的 ui 库

npm install @material-ui/core

reference
https://material-ui.com/getting-started/installation/

react slick slider

轻量化的 slick slider 的 react 版本，但要加装 jq（的样子）

reference
https://react-slick.neostack.com/docs/get-started

动画

react-motion

reference
https://www.npmjs.com/package/react-motion

图表

react chart.js

reference
https://github.com/jerairrest/react-chartjs-2

fetch 资料

mockjs

用来模拟从 api 取资料

reference
https://www.npmjs.com/package/mockjs
https://cloud.tencent.com/developer/article/1092807

whatwg-fetch

作为 old-browser 使用 fetch 方法的 polyfill，在已支援 fetch 的新浏览器下没有作用

reference
https://www.npmjs.com/package/whatwg-fetch#read-this-first

控制 state

Redux

控制 react的 state 非 Redux 莫属啦

reference
https://redux.js.org/

MOBX

reference
https://mobx.js.org/README.html

react framework

一个 framework 中的 framework 的概念

Gatsby.js

可以用来快速建立静态页面

reference
https://www.gatsbyjs.com/

next

同时带有 routing 的功能，也可以快速建立静态页面

reference
https://nextjs.org/