React设计思想

一时失言乱红尘 2022-04-16 01:51 186阅读 0赞

自2013年Facebook发布以来，React吸引了越来越多的开发者，基于它的衍生技术，如React Native、React Canvas等也层出不穷。

React带来了很多开创性的思路来构建前端界面，虽然选择React的最重要原因之一是性能，但是相关技术背后的设计思想更值得我们去思考。

在年初的React开发者大会上，React项目经理Tom Occhino进一步阐述React诞生的初衷，在演讲中提到，React最大的价值究竟是什么？是高性能虚拟DOM、服务器端Render、封装过的事件机制、还是完善的错误提示信息？尽管每一点都足以重要。但他指出，其实React最有价值的是声明式的，直观的编程方式。

组件是React中构建用户界面的基本单位。它们和外界的交互除了状态（state）之外，还有就是属性（props）。事实上，状态更多的是一个组件内部去自己维护，而属性则由外部在初始化这个组件时传递进来（一般是组件需要管理的数据）。React认为属性应该是只读的，一旦赋值过去后就不应该变化。

参考资料  
React官方网站：[http://facebook.github.io/react/][http_facebook.github.io_react]  
React博客：[http://facebook.github.io/react/blog/][http_facebook.github.io_react_blog]  
React入门：[http://ryanclark.me/getting-started-with-react/][http_ryanclark.me_getting-started-with-react]  
颠覆式前端UI框架：React：[http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react][http_www.infoq.com_cn_articles_subversion-front-end-ui-development-framework-react]  
Immutable.js: [http://facebook.github.io/immutable-js/][http_facebook.github.io_immutable-js]  
React Native: [http://facebook.github.io/react-native/][http_facebook.github.io_react-native]  
Flux: [https://facebook.github.io/flux/][https_facebook.github.io_flux]  
Flux框架对比：[https://github.com/voronianski/flux-comparison][https_github.com_voronianski_flux-comparison]  
React开发者大会网站：[http://conf.reactjs.com/index.html][http_conf.reactjs.com_index.html]  
React在Slack上的聊天社区：[http://reactiflux.com/][http_reactiflux.com]

转自：[http://www.infoq.com/cn/articles/react-art-of-simplity/][http_www.infoq.com_cn_articles_react-art-of-simplity]

[http_facebook.github.io_react]: http://facebook.github.io/react/
[http_facebook.github.io_react_blog]: http://facebook.github.io/react/blog/
[http_ryanclark.me_getting-started-with-react]: http://ryanclark.me/getting-started-with-react/
[http_www.infoq.com_cn_articles_subversion-front-end-ui-development-framework-react]: http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react
[http_facebook.github.io_immutable-js]: http://facebook.github.io/immutable-js/
[http_facebook.github.io_react-native]: http://facebook.github.io/react-native/
[https_facebook.github.io_flux]: https://facebook.github.io/flux/
[https_github.com_voronianski_flux-comparison]: https://github.com/voronianski/flux-comparison
[http_conf.reactjs.com_index.html]: http://conf.reactjs.com/index.html
[http_reactiflux.com]: http://reactiflux.com/
[http_www.infoq.com_cn_articles_react-art-of-simplity]: http://www.infoq.com/cn/articles/react-art-of-simplity/