React<一>初接觸

前言

把本身學習新東西的路徑記錄下來，包括學習資源的查找和學習過程的思考，相信這些是比學習內容自己更重要的東西，供初學者參考，固然，很是歡迎給我提出學習意見！

step1 大牛的入門博客

資源

一直很喜歡阮一峯老師寫的東西，總能把知識講的通俗易懂，極適合入門，
React 入門實例教程

工具

工欲善其事，必先利其器：
我使用的是sublime編輯器，加入了有關react的插件：sublime-react
利用sublime能夠輕鬆的進行語言切換，相信你很容易就能搜到sublime如何利用快捷鍵設置語言

一些demo的相關理解

demo 十

輔助生命週期理解的圖：

demo 十一

promise的講解：
Promise對象

demo 十三

按照README.md跑demo
重點關注src目錄下的三個文件

• server.js

在3000端口跑起了這個demo的服務， 頭部以node的方式引入所需的模塊， 服務器使實例中肯定了相關路由下的操做，建立了DOM節點，
給組件App傳遞了參數，並調用bundle。

• app.js

頭部導入導出模塊，快快引用機制：Module
編寫了組件

• browser.js

插入DOM節點，渲染組件

step2 以興趣爲導向

來點靈感

編程是一件頗有意思的事情，能夠爲本身量身定製小工具，玩轉各類小功能。
你是否有本身火燒眉毛想要實現的東西呢？

個人想法

分享一下個人吧，目前在找工做，投簡歷，我須要一個簡歷狀態紀錄器來幫我整理簡歷狀態。

1. 我須要一個公司籮筐，我能夠向裏面添加和刪除我想申請的公司，籮筐裏的公司有四種狀態：未投遞、已投遞、投遞失敗、成功

2. 我還須要有簡歷狀態變動管理，已投遞的簡歷分爲網申和內推兩種，其中內推簡歷根據公司規定有內推後不可網申的標示，已投遞的簡歷每一個簡歷都有本身的狀態：投遞、初篩、筆試、初試、複試、HR面試、offer

3. 我還須要查詢功能：在籮筐中能夠經過搜索狀態查找公司，在進度表裏能夠經過搜索狀態篩選公司。

4. 功能增強，加入圖示，爲了直觀，我想把已投遞公司的狀態以圖的形式展示出來。
   以我現有的初學水平，我簡單實現了這個紀錄器的基本模型，

記錄問題

吭哧吭哧實現了簡陋的第一、2個需求，
把實現代碼放到了git上，我會把這個小東西不斷完善，感興趣的能夠查看代碼，歡迎star並watching,跟蹤這個小應用的實現過程，重點關注我每次push都實現了什麼，而不用太過仔細的看代碼，由於畢竟我是初學者，細節之處有不少漏洞，我會把註釋寫的很清楚，方便你們閱讀代碼。實現過程當中總會遇到各類問題，每次push在README中寫清楚了個人進展、問題和解決。若是你對這個應用感興趣，歡迎加入我，咱們一塊兒成長！

初學規劃

要知道這是學習一門技術從零到一的過程，是比較困難的，會感受本身的代碼糟糕，進展慢，全部大牛都是一步步走過來的，我已經能夠用這門新的技術解決實際問題了，很期待更多的瞭解這門技術，看看熟悉以後他能如何改進個人實現流程。
我不想閉門造車，想多看看這些功能，別人是怎麼實現的。專業的寫法是怎樣的，首先我想到了官網，因而我準備作一遍官網的demo,看看這些demo我有哪些可取之處。

step3 官方文檔

我選擇了中文文檔，看官網的demo,動手敲一邊，同時，完善個人小應用，須要時寫博客

博文說明

React爲一系列文章，我會堅持更新，持續記錄成長

相關文檔

React<二>入門