最近從javascript向react的跳躍過程至關的痛苦。可能自己在js的掌握上就存在問題,再加上最近前端的發展實在是日新月異。從ES6的公佈,再到模塊化管理的飛速發展,整個前端簡直是天翻地覆。不過,和當年後端從彙編語言向高級語言的飛躍相比,此次的飛躍仍是須要對js至關的熟練,直接上手難度較高。這裏先簡單的羅列一下我在學習過程當中使用的一些參考資料供你們分享。javascript
JavaScript高級程序設計(第3版)非掃描版
適合新手入門jsJavaScript DOM編程藝術(中文第2版)
適合對js的滲入理解html
廖雪峯的javascript全棧教學 這個教程挺全面,並且也更新到了ES6前端
react是一個前端頁面框架,用於模塊化html界面上的各個元素。java
react官方網站 從react的tutorial開始本身實現一個tic-tac-toe,而後開始閱讀document
經過react實現一個簡單的web遊戲 試着看懂做者的代碼react
這是螞蟻金服推出的在react的基礎上實現的集成框架。它可讓你暫時免去相似於webpack等集成工具的學習。可是dva的學習真的是很煩惱,由於它涉及了很多的基本的框架例如redux,react-router。當你試着去看它的docs的時候可能不得不在不少的教程之間跳來跳去。
因此我將看教程的過程給你們整理一下:webpack
dva 知識圖 不一樣於react,這裏先看一遍知識圖,瞭解必備的ES6以及相應的框架中的模塊的功能
dva 快速實踐 這裏能夠利用dva工具直接建立一個demo項目,在完成了這個項目後能夠在返回上一個文檔重溫一下這些概念
dva 正式文檔git
輔助知識github
redux教程 由於dva遵循了redux的思想,能夠深刻挖掘一下
react-router 廖雪峯的教程 恩還沒看,不過能夠經過這個教程簡單瞭解一下react-routerweb
還有不少的教程正在路上。react可謂是顛覆了整個前端的思路,將前端從僅僅是操縱DOM中完全升級。後序我會繼續分享個人教程之旅~編程