尝试了一下 react，直呼最强-react 小书读后感

[miv]

最近看一 react 开源项目，看得头大。
里面各种 hooks 满天飞，不过代码倒是整洁。
对于小白看这种项目感觉就是无限套娃，无限封装。
所以没办法，用了几天的时间看了一下 react （之前有接触过，没入门，有 vue 小基础），有几点感受：
0 、react 的 jsx 其实也还好，没有那么难受（对比之前 vue 的那种 teamplate ）
1 、hooks 真的轻量，用它好自由，放飞自我
2 、区分聪明组件傻瓜组件代码更舒服，容易复用（还了解到状态提升这种玩意）
3 、高阶组件就是个封装逻辑的，离不开他，其实有必要了解
4 、了解了一下 redux 原理原来是如此好玩，和 vuex 有共通之处
5 、之前 vue 上面那些 mapstate （记不太清名了）原来是这样来的，有一种茅塞顿开的感觉（之前是在 vue 上接触的，直接上手没想太多，时隔多月，没想到在 react 上对他的了解深入了一下）
6 、redux 了解以后，发现 useselect，usedispach 就感觉这些 hooks 香香

最后，感觉很多技术都是共通的，要取长补短，相互借鉴，融会贯通。

[miv]

小白给 react 发帖打 call

[learningman]

这几天在看 react，感觉个人小项目还是 vue 舒服的多

[neoblackcap]

没记错的话，hook 就是为了要干掉高阶组件

[FEDT]

245 可以深入讲讲吗，写个文章什么的

[miv]

@FEDT 哈哈，老哥直接去撸一下 react 小书就好了，那个书强推

[ericgui]

@learningman 哪个舒服用哪个

虽然我不用 vue，但我觉得还是看个人对框架的熟悉程度吧

[murmur]

高阶组件是个反前端的设计思路
java 喜欢搞什么连续继承
前端是我要的组件就是最强，如果你不行，我直接换一个行的，谁有闲心接着你的组件写高阶组件啊

[zqx]

高阶组件就是高阶函数+组件，很符合函数式的风格，比如 array.filter.map.reduce 这一套操作下来就得到了你想要的结果，组件也如此

[zhuangzhuang1988]

@murmur ✓，维护时 剧痛哭

[meteor957]

@murmur 组合 vs 继承

[murmur]

@meteor957 前端的组合不是代码的组合，是组件的组合，组件组合出页面，选项控制组件的特性

很大一部分是因为 css 控制了前端最基本的样子，这一部分是和 js 无关的

我希望是 dialog 可以自由显示标题，可以定制按钮，可以控制是不是 modal，可以控制尺寸、边距、初始位置

而不是要 dialog 继承 window 继承 pannel

[love2020]

@miv 什么小书

[nannanziyu]

@murmur
感觉你没有做过复杂项目
你所说的，对于做个 demo 来说没错
但是对应到具体的项目，每个项目之前各个组件风格都是统一的
比如项目所有的 dialog 风格都是统一的，都是细节部分的区别，所以就有了写一个 common 组件，然后其他派生的需求

[miv]

@love2020 https://www.bookstack.cn/books/react-naive-book

[murmur]

@nannanziyu

比如项目所有的 dialog 风格都是统一的，都是细节部分的区别

说的没错，这些是 CSS 要解决的问题啊，如果 css 都解决不要，可以说出来讨一下，哪个细节不能用 css 调整，不能用选项控制（这个选项是大众需求，不是为杠而生，比如标题、按钮、关闭的 XX 、最大化最小化这些属于合理需求）

[justin2018]

React.js 小书
https://hyf.js.org/react-naive-book/
楼主说的是这本书吗？

[miv]

@justin2018 对的

[nannanziyu]

@murmur
相似组件并不只有样式的区别
比如同样的列表，A 列表和 B 列表样式完全一样，但是一个是 QQ 新闻，一个是网易新闻
那么做一个同样的 common 组件，然后分别继承，override getFeeds 方法就可以了，之后再添加别的平台，也是非常方便
具体项目具体情形具体分析，但是复杂项目中通用组件派生的情况非常普遍而且是最佳实践

[zxCoder]

试试 angular

[csdoker]

楼主看的啥开源项目呀 我也一直想找个适合小白看的项目 想学习下别人 hooks 的用法