如题，新网站想使用 Fluent UI，奈何微软夹带私货，只给 TS 案例，JS 版本完全没有。
遂拷贝一份文档的示例代码进去，打算调试，由于官网包已改名，把 fabric-ui 改成 @fluentui/react 。
（我非常想吐槽，Fluent UI 的官网文档跟一坨米田共一样，示例代码不但没有更新过，包管理、文档库还特别乱。写个导航栏要 import 各种奇奇怪怪的库。文档还只有 TS 版本，要知道其它的 React 组件库都是提供了 JS 和 TS 两种版本样例可供选择的，为了推广自家的 TS 真的是不择手段。）
新建 TSX，粘贴代码，一个字都没动，仅仅只是换了包名。
然后，parcel，渲染，没有报错。但是调试网页什么都没有。
我 X 你 X ！微软！
附：TSX 代码前面和后面部分。
为什么没有中间部分？因为中间我全部照搬的微软官网的Example，一个字都没有改过。
https://github.com/mui-org/material-ui
不过我目前用的是 material-ui，react 界最成熟的界面库
不然太不灵活了
真正应该拆开的是业务逻辑的 JS 和渲染逻辑的 JS 。
渲染逻辑本来就和视图配套的，写在一起更直观。
反观传统的 jQuery 开发，强行把渲染逻辑和视图拆开，开发的时候不停在 JS 和 HTML 代码之间反复横跳，而渲染逻辑却跟业务逻辑混在一起写，很难维护。
react 的风格我觉得是专注于核心库（ react 、react-dom ）的维护，其余的生态包括核心库的类型定义都交给社区。react-router 、redux 都不是 facebook 官方名下的，虽然有官方脚手架 create-react-app，但恕我直言它的定制性太差被 vue-cli 甩了好几条街。而 vue 走的是官方全家桶这条路（尤其是 vue ），由官方提供整套解决方案，非常适合有选择困难症的朋友。vue 现在就差官方的 UI 库就齐活了。
angular 我不太了解，不过我感觉也是包罗万象的吧？
看到别人文章写的 Hooks，一堆 const functions 下来，实在看得有点晕。
CLI 工具还是 Angular CLI 强，Angular Semantics 设计已经超越其他工具了，Angular 生态很多都添加了支持，用 ng add 代替 npm install，除了安装包外，还自动添加默认配置。
也看到有些项目把这个搬到 CRA 下来用。
// 安装 create-react-app 脚手架，也可以全局安装
yarn add create-react-app
// 使用 ts 模板创建工程
yarn create-react-app my-app –typescript
cd my-app
// 安装 @fluentui/react
yarn add @fluentui/react
要求对 Flutter UI & dart 有较深理解
感兴趣的 wx 聊聊 ZHVzdG9va2s=
我也是 Java 出身，刚接触 React 的时候还没有 class component，而是跟 vue2 差不多的 options api：React.createClass({…})，也不适应。后来很快过渡到 class component 感觉好多了，不过我确实遇到过组件间共享 stateful 逻辑、HOC 嵌套太多的问题，所以 hooks 出来之后毫不犹豫切换了，还顺便摆脱了烦人的 this 。我还是更倾向于函数式编程，个人觉得闭包比 this 更好理解也更好掌控。
不过在后端，我用的 nodejs 框架 nestjs 跟 angular 理念一致，用过 spring 的也会觉得非常亲切。Hmm……感觉我有点分裂。
搜了一下，应该是因为 https://github.com/parcel-bundler/parcel/issues/4399
const Button=(props)=> <button …props></button>