React学习动机&前端框架简单介绍

学习动机

过去开发网页前端程序的时候，使用基本的html、css、javascript作为开发的工具。但工作一阵子就发现这些常用了工具因为以下原因，导致它并没有想像中来的方便。
###反覆使用重复的dom元素，让程序看起来变得很冗长
以下以某个案子用到的按钮为例

###承上个原因，因程序冗长导致後续维护不易
由於我们公司属於接案型公司，随着接手案子的增加，以及每件案子的需求差异皆互不相同，後续若收到n个月之前案子调整的话，常需要花一段时间回想到底做了些什麽，造成不必要的时间成本。

三大前端框架简介

####Angular

Angular 是个由 Google 内部的 Angular Team 与其他社群所开发的开源专案。这个专案是同一群人由 AngularJS 所重写的专案。该专案於2016年9月14日发行。

Angular 是基於组件、并使用指令式 HTML 样板的框架。在构建时，框架的编译器会将模板，转换为优化的 JavaScript 程序。Angular 使用了 JavaScript 超集（superset）的 TypeScript。

Vue

尤雨溪在维护并理解前述的 AngularJS 专案後，於 2014 年发表了 Vue。Vue 是四大框架里面最年轻的，但成了近年来的当红炸子鸡。

Vue 除了与 Angular 一样，使用了一些自定义的 HTML 以外，大部分还是使用现代化的标准 JavaScript。

React

Facebook 於 2013 年发表了 React。在发表当时 Facebook 内部早已使用 React 解决许多内部问题。技术上来说 React 并不是框架，而是一个用来渲染 UI 组件的函式库。React 通常会配合其他函式库来建立应用程序：例如 React 搭配 React Native 建立手机程序、React 与 ReactDOM 建立网路程序...等等。

由於 React 与 ReactDOM 通常会搭在一起用，React 在通俗上会被理解为 JavaScript 框架。

这三大前端框架各有优缺点及相对的学习时间成本，之所以会使用React作为主题，最主要是因为未来工作会用到，大家也选择自己喜欢的即可。

参考资料来源:MDN Web Docs