同为javascript框架 react和angular各有什么优缺点各自又适合

[职业规划的框架]职业规划的框架和迷茫的大学生、大学毕业生等探讨职业规划。本文主要给出一个分析的框架，希望大家结合自己的实际情况与想法，制定出切实可行的职业规划，从而找到适合自己的工作...+阅读

同为javascript框架 react和angular各有什么优缺点各自又适合 2015

react不是框架，可以在这里看到他的说明。 React | Why did we build React？所以这两者不适合在框架这个层面比较。 angular 是MV* 框架， react是用来构建可重复使用的UI组件的，可以看成是个提供工具的library。 react 可以和 angular 的 directive做比较。这样比较的话， react是比angular directive 在组建UI上更powerful的。 angular 是最适合CRUD的SPA 单页面的应用程序。和 angularUI 一起使用就可以搭建还不错的web app. 要真正理解react和angular 还要对比使用才可见一斑。可以参见这个博客，这个博主把react tutorial里面的一个例子用angular重新写出来了 Facebook's New React JavaScript Library Tutorial Rewritten in AngularJS 这个angular 写的源代码在这里 Edit fiddle - JSFiddle 原来的tutorial 用 react 写在这里在这里， React | Tutorial 这个tutorial 的源代码在这里 petehunt/react-tutorial 路 GitHub 我觉得两者比较区别还是非常明显的， angular 从 MV* 这个角度看很清晰。

我没使用过react，所以可能对他的好处看不太出来。就这个例子来讲，我会直接用angular，不会考虑使用 react. 希望有用过react的业界其他人士补充一下。...

React有哪些优秀实用的组件

实际我自己在开发过程中用过

1. react-bootstrap（页面美化，响应式，它是基于bootstrap3的，当然在前面的回答中也有一个基于bootstrap4的项目reactstrap），当然还有各种实现了google material design风格的类库

2. react-router，前端分页，作为spa应用的必备

3. redux，不用说了，一个是实现了flux单向数据流管理的工具，facebook自己也有一个类似的叫做relay，但是它的知识栈更广。

4. fixed-data-table,facebook出品的datagrid组件

5. 增强型的input组件，react-wigets，提供了很多使用的组件

6. 还有一个notification和提示用户页面加载的，等等

React和 Angular各有什么优缺点各自又适合什么开发场景

Angular.js

首先Angular的背后是Google（难道这就是官网被墙的原因？），所以社区基础是不用担心的，整个生态也已经是非常的完整了，从最基本的Tutorial到StackOverflow的问题数到框架本身的剖析都有非常非常多，所以从这个角度看起来Angular应该算是上手比较容易的。

不过Angular目前的问题看起来也很明显

1. 性能

同样是TODOMVC的Sample,Angular完全载入用了1.1s(WebPagetest - Visual Comparison)。目前用到的基于Angular的就是Kibana，不得不说，确实挺慢的。。

2. Angular 2.0

Angular的2.0几乎是一个推翻重做的框架，估计不会有1.X的upgrade方案。所以如果现在新开始的项目采用Angular的话，会是一个很尴尬的时机。同样，如此大的改动似乎也反面印证了1.X并不是那么好。

React.js

React很大的特点就是“轻”，再加上VDOM这个很好的idea让React非常非常快（在上面那个测试里面0.3s左右就载入完毕）。另外React和Angular一个很大的不同就是React采用的是one-way data flow。

React的缺点嘛，大概就是现在还太新了很难说将来有没有大的API变化，目前在大的稳定的项目上采用React的，也就只知道有Yahoo的Email。所以现在很少有批评React的声音。也许不是真的就没有坑，而是那些坑还没有被踩出来而已。

还有就是React本身只是一个V而已，所以如果是大型项目想要一套完整的框架的话，也许还需要引入Flux和routing相关的东西。

总结

Angular是真正的大而全的framework，有自己一套思路，基本follow这个思路往里面填代码就OK。

React是一个简短有力的library，只负责解决某个单一的“痛点”。