我习惯先了解技术的本质，不太拘泥于细节， 很多技术就是快速瞄几眼，然后就开始干活了，遇到问题后再来学。

这两天在学习web前端技术，各种工具和框架弄得眼花缭乱, 不由感叹，web前端是真的繁荣！

学习成果：

1 开发环境： MacOS、 npm、 nodejs、 node版本管理工具n

2 开发工具: vscode

3 学习语言： Javascript， Typescript

4 前端框架： React

一句话总结：

1. 为什么用MacOS ？
   最适合干开发的操作系统， 虽然贵一点，不过她值得。本身就是unix系统，命令行和Linux差别不大，而且qq, 微信，钉钉，飞书，office 该有的软件都有。
2. 为什么要装n ？
   快速切换系统的node版本，本质是环境变量PATH和link的小伎俩
3. 为什么学习Typescript ？
   Javascript无类型过于灵活约束性太差，可读性差，代码提示无，带来的后果就是维护性差，不利于工程化和大规模协同开发。 Typescript本质就是类型增加的Javascript，通过tsc cli最终编译成Javascript运行。
4. 为什么要学习 React ？
   React的核心思想让我觉得很赞，前端的工程化没有这些牛逼的框架无从下手。

下面是React核心概念总结：

• 元素(Elements) 是 React 应用中最小的构建块(building blocks)
• 元素是构成组件的”材料”
• 组件(Components) 可以将用户界面分成独立的，可复用的小部件，并可以对每个部件进行单独的设计
• SPA(单页面应有)就是一堆组件(Components) 堆砌而成
• props(属性)、state(状态）: React 组件的“模型”数据
• 单向数据流： React 采用的是数据驱动视图，开发过程中关注数据而不用直接操作dom
• redux ： 组件间通信和和state管理解决方案。抽象出 store、action、reducer来简化通信