npm: npm 的全稱(chēng)是Node Package Manager, 是一個(gè)NodeJS包管理和分發(fā)工具缩挑。node
React:React 是一個(gè) Facebook 和 Instagram 用來(lái)創(chuàng)建用戶界面的 JavaScript 庫(kù)。 React 是為了解決一個(gè)問(wèn)題:構(gòu)建隨著時(shí)間數(shù)據(jù)不斷變化的大規(guī)模應(yīng)用程序.facebook
http://facebook.github.io/react/
React Native:React Native 結(jié)合了 Web 應(yīng)用和 Native 應(yīng)用的優(yōu)勢(shì)鬓梅,可以使用 JavaScript 來(lái)開(kāi)發(fā) iOS 和 Android 原生應(yīng)用供置。在 JavaScript 中用 React 抽象操作系統(tǒng)原生的 UI 組件,代替 DOM 元素來(lái)渲染等绽快。facebook
http://facebook.github.io/react-native/
flux:Flux是Facebook用來(lái)構(gòu)建用戶端的web應(yīng)用的應(yīng)用程序體系架構(gòu)芥丧。它通過(guò)利用數(shù)據(jù)的單向流動(dòng)為React的可復(fù)用的視圖組件提供了補(bǔ)充。相比于形式化的框架它更像是一個(gè)架構(gòu)思想坊罢,不需要太多新的代碼你就可以馬上使用Flux構(gòu)建你的應(yīng)用续担。facebook
http://facebook.github.io/flux/docs/overview.html
atool-build:
基于 webpack 實(shí)現(xiàn)
支持通過(guò) webpack.config.js 進(jìn)行擴(kuò)展 webpack 的配置項(xiàng)
支持 stage-0, es2015, react 和 less
支持 hash 模式的構(gòu)建, 并生成映射表 map.json
支持 typescript
https://github.com/ant-tool/atool-build
dora: dora將編譯的過(guò)程放在自己起server的生命周期中,只要一個(gè)命令就完成build watch server的階段艘绍。不需要多個(gè)terminal或者多個(gè)命令赤拒,只要一鍵配成,傻瓜式。
https://github.com/dora-js/dora
https://github.com/dora-js/dora/blob/greenkeeper-babel-core-6.4.0/docs/How-To-Write-A-Dora-Plugin.md
lofyjs
http://loftyjs.com/fdevlib/#home
其它工具
圖片壓縮:https://tinypng.com/
編輯器:
Sublime :http://www.sublimetext.com/
WebStorm :http://www.jetbrains.com/webstorm/
調(diào)試工具 : weinre chrome safari