Fluent UI 是我用过的最难受的 React 库，没有之一！

[marcosteam]

如题，新网站想使用 Fluent UI，奈何微软夹带私货，只给 TS 案例，JS 版本完全没有。

遂拷贝一份文档的示例代码进去，打算调试，由于官网包已改名，把 fabric-ui 改成 @fluentui/react 。

（我非常想吐槽，Fluent UI 的官网文档跟一坨米田共一样，示例代码不但没有更新过，包管理、文档库还特别乱。写个导航栏要 import 各种奇奇怪怪的库。文档还只有 TS 版本，要知道其它的 React 组件库都是提供了 JS 和 TS 两种版本样例可供选择的，为了推广自家的 TS 真的是不择手段。）

新建 TSX，粘贴代码，一个字都没动，仅仅只是换了包名。

然后，parcel，渲染，没有报错。但是调试网页什么都没有。

我 X 你 X ！微软！

附：TSX 代码前面和后面部分。

为什么没有中间部分？因为中间我全部照搬的微软官网的Example，一个字都没有改过。

[leighton]

配色不错，求

[WittBulter]

建议您试试 zeit-ui: https://github.com/zeit-ui/react

[Yvette]

Mui 的文档很喜欢，用起来很舒服

https://github.com/mui-org/material-ui

[1024pb]

antd 他不香吗？楼主还是别折腾啦

[marcosteam]

@leighton 就是 webstorm 的 material theme darker

[zachlhb]

react 的语法看着不蛋疼么，JS，视图组件混写，看着贼难受

[marcosteam]

@zachlhb 我觉得接受了以后其实还好，跟写 HTML 标签没什么区别

[httplife]

@WittBulter 从 beta 时候开始关注这个。 感谢！

[Perry]

盲猜是个 React 新手，你想要的调试网页一个 Design System Doc 还要教你怎么弄出来？

[Perry]

https://developer.microsoft.com/en-us/fluentui#/get-started

[marcosteam]

@Perry 我不是说 parcel 的问题，你觉得我会不知道怎么开吗，我主要是吐槽他们的文档十分混乱

[love]

我比较喜欢这种风格的界面 https://evergreen.segment.com/components/

不过我目前用的是 material-ui，react 界最成熟的界面库

[dartabe]

感觉 react 只需要一个 grid layout 响应式 css 框架就够了 其他的样式自己去网上趴下来

不然太不灵活了

[okampfer]

没有看明白 LZ 的问题是什么，能再说明一下吗？

[hantsy]

看到有人吐槽 TS 了。我一个写后端的，如果没有 TS，我现在都不会写一行前端代码，感谢 TS 和 Angular 。React 要加油，早日把 TS 放第一位。

[boringdays2015]

@hantsy 基本都在日渐重视了，vue3 也是拿 ts 写的

[DOLLOR]

@zachlhb

真正应该拆开的是业务逻辑的 JS 和渲染逻辑的 JS 。
渲染逻辑本来就和视图配套的，写在一起更直观。

反观传统的 jQuery 开发，强行把渲染逻辑和视图拆开，开发的时候不停在 JS 和 HTML 代码之间反复横跳，而渲染逻辑却跟业务逻辑混在一起写，很难维护。

[marcosteam]

@okampfer 大概就是 UI 好看，文档太拉稀

[apeople]

我做的项目也是用的 UI 库,实在没 get 这个库的优点在哪,奈何主管要用

[okampfer]

@hantsy #15
其实我觉得 react 对 TS 的支持还是不错的，JSX 可以和 JS/TS 混写，有完整的类型提示，而 angular 、vue 的模板中不支持类型提示而只有 script 部分支持。

react 的风格我觉得是专注于核心库（ react 、react-dom ）的维护，其余的生态包括核心库的类型定义都交给社区。react-router 、redux 都不是 facebook 官方名下的，虽然有官方脚手架 create-react-app，但恕我直言它的定制性太差被 vue-cli 甩了好几条街。而 vue 走的是官方全家桶这条路（尤其是 vue ），由官方提供整套解决方案，非常适合有选择困难症的朋友。vue 现在就差官方的 UI 库就齐活了。

angular 我不太了解，不过我感觉也是包罗万象的吧？