![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
一篇对 React 态度转变的文章。可以简单看到前端代码组织方式的演变。
【分而治之】
使用模板引擎时，代码的组织方式，把模板都放在一个文件夹下，js和css也是这样。这样的组织方式太过分散了，要打开多个文件进行变更。
再进一步可以把一块业务逻辑的模板、js、css存放在同一个目录下，这解决了分散，但又遇到了复用问题。
【关注点分离】
通过 React 的组织方式，一个文件就是一个组件，组件只关注单一功能，借助 JSX，像写HTML一样把页面堆起来。
抽象能力也更强，如果同一个组件在不同场景下不尽相同，可以使用传递值的方式解决。
总之，如果你不喜欢它，就不要使用它。
blog.reactstory.com
【分而治之】
使用模板引擎时，代码的组织方式，把模板都放在一个文件夹下，js和css也是这样。这样的组织方式太过分散了，要打开多个文件进行变更。
再进一步可以把一块业务逻辑的模板、js、css存放在同一个目录下，这解决了分散，但又遇到了复用问题。
【关注点分离】
通过 React 的组织方式，一个文件就是一个组件，组件只关注单一功能，借助 JSX，像写HTML一样把页面堆起来。
抽象能力也更强，如果同一个组件在不同场景下不尽相同，可以使用传递值的方式解决。
总之，如果你不喜欢它，就不要使用它。
blog.reactstory.com
展开
4
1