前言
2020年春節(jié)由于疫情原因在家辦公辩涝,當(dāng)時團隊正在開發(fā)一款新的應(yīng)用愉镰,在做架構(gòu)設(shè)計的時候有規(guī)劃一款分布式日志搜集的產(chǎn)品蹦肴,并且后端(Java)第一個版本已經(jīng)開發(fā)完成赂摆。但是用戶對于日志的查看需要頁面進行展示经柴,有考慮過H5編寫頁面狸窘,但是后來由于項目比較緊急就暫時耽擱了。現(xiàn)在正式復(fù)工坯认,應(yīng)用正在驗收階段翻擒,可以花費業(yè)務(wù)實際來實現(xiàn)當(dāng)時的計劃,現(xiàn)在也算是擴展自己的知識面就打算采用React+Ant design來實現(xiàn)目標(biāo)鹃操,并計劃把產(chǎn)品開源出去韭寸。————2020年3月17日 13點47分
開發(fā)步驟
第一步:瀏覽React官網(wǎng)
官網(wǎng)地址:https://react.docschina.org/
第二步:安裝node開發(fā)環(huán)境
由于之前寫過vue的項目荆隘,本地安裝的有node恩伺,安裝也比較簡單這里忽略。
備注: Node >= 8.10 和 npm >= 5.6
第三步:創(chuàng)建my-app
如上圖所示椰拒,創(chuàng)建成功晶渠!
總結(jié)
這個示例非常簡單,跟著操作一下就可以成功燃观。