一、前言

近段時間看到學(xué)長公司招聘React Native工程師,當(dāng)時比較好奇,就搜索了一下,然后剛好需要每個月買一本書看看,所以就買了一本《Reactive Native 開發(fā)指南》。

但是看到里面的預(yù)備知識的時候,發(fā)現(xiàn)首先最好需要先了解一下React(書中寫道:我們假設(shè)你對React已經(jīng)有了一些了解),心想是不是還要買一本React的書籍,后來想想干脆直接從網(wǎng)上搜搜教程吧,因此開始去探索,最終找到了三個鏈接的內(nèi)容講的React還不錯,一個是阮一峰的博客,一個是官方文檔,一個是React概覽。阮一峰的博客和React概覽都是中文的,而且寫的比較容易理解,而官方文檔是英文的,講解的都比較詳細(xì)。所以如果自己英文好的話可以直接看官方文檔。

 

二、什么是React

React是一個JavaScript庫,是由FaceBook和Instagram開發(fā)的,主要用于用戶創(chuàng)建圖形化界面。

 

三、開發(fā)環(huán)境的搭建

做任何開發(fā)環(huán)境,我都會想著首先需要搭建一個環(huán)境來開發(fā)。就像如果開發(fā)iOS,你需要有蘋果電腦,然后從AppStore下載Xcode,然后就可以熟悉一個Xcode,看看文檔,就可以開始開發(fā)了;就像如果開發(fā)Android,你需要安裝Android Studio,然后需要安裝Java環(huán)境,然后就可以進(jìn)行開發(fā)了。對于React,經(jīng)過了解,我發(fā)現(xiàn)任何一個工具,比如Sublime Text,IntelliJ IDEA等等都可以,你甚至直接可以使用文本編輯器等等。這里面我使用的是IntelliJ IDEA。

          1、安裝一個IntellJ IDEA就可以進(jìn)行開發(fā)了。

          2、一個瀏覽器(這里面我使用的是Chrome)

          3、下載相關(guān)庫(下載鏈接

 

四、預(yù)備知識

這個博客主要是介紹的React,我也假設(shè)一下:你需要對HTML,CSS,JavaScript有一定的了解,因?yàn)榇a大部分都是用這些來進(jìn)行開發(fā)的。

 

五、最簡單的React小程序

我學(xué)任何語言的時候第一個程序都是一個Hello,World!。現(xiàn)在就讓我們來利用React來寫一個最簡單的Hello,World!

直接上代碼: