一、前言
近段時(shí)間看到學(xué)長(zhǎng)公司招聘React Native工程師,當(dāng)時(shí)比較好奇,就搜索了一下,然后剛好需要每個(gè)月買一本書看看,所以就買了一本《Reactive Native 開發(fā)指南》。
但是看到里面的預(yù)備知識(shí)的時(shí)候,發(fā)現(xiàn)首先最好需要先了解一下React(書中寫道:我們假設(shè)你對(duì)React已經(jīng)有了一些了解),心想是不是還要買一本React的書籍,后來想想干脆直接從網(wǎng)上搜搜教程吧,因此開始去探索,最終找到了三個(gè)鏈接的內(nèi)容講的React還不錯(cuò),一個(gè)是阮一峰的博客,一個(gè)是官方文檔,一個(gè)是React概覽。阮一峰的博客和React概覽都是中文的,而且寫的比較容易理解,而官方文檔是英文的,講解的都比較詳細(xì)。所以如果自己英文好的話可以直接看官方文檔。
二、什么是React
React是一個(gè)JavaScript庫,是由FaceBook和Instagram開發(fā)的,主要用于用戶創(chuàng)建圖形化界面。
三、開發(fā)環(huán)境的搭建
做任何開發(fā)環(huán)境,我都會(huì)想著首先需要搭建一個(gè)環(huán)境來開發(fā)。就像如果開發(fā)iOS,你需要有蘋果電腦,然后從AppStore下載Xcode,然后就可以熟悉一個(gè)Xcode,看看文檔,就可以開始開發(fā)了;就像如果開發(fā)Android,你需要安裝Android Studio,然后需要安裝Java環(huán)境,然后就可以進(jìn)行開發(fā)了。對(duì)于React,經(jīng)過了解,我發(fā)現(xiàn)任何一個(gè)工具,比如Sublime Text,IntelliJ IDEA等等都可以,你甚至直接可以使用文本編輯器等等。這里面我使用的是IntelliJ IDEA。
1、安裝一個(gè)IntellJ IDEA就可以進(jìn)行開發(fā)了。
2、一個(gè)瀏覽器(這里面我使用的是Chrome)
3、下載相關(guān)庫(下載鏈接)
四、預(yù)備知識(shí)
這個(gè)博客主要是介紹的React,我也假設(shè)一下:你需要對(duì)HTML,CSS,JavaScript有一定的了解,因?yàn)榇a大部分都是用這些來進(jìn)行開發(fā)的。
五、最簡(jiǎn)單的React小程序
我學(xué)任何語言的時(shí)候第一個(gè)程序都是一個(gè)Hello,World!。現(xiàn)在就讓我們來利用React來寫一個(gè)最簡(jiǎn)單的Hello,World!
直接上代碼: