java開發工程師如何快速上手React前端框架,親身實踐

前言

市場上流傳着程序員在35歲以後要麼轉管理,要麼轉行,這句話我個人是認同的,因爲年紀大了學習能力會變差,家中各種事情也讓你沒有那麼多的時間和精力去加班和學習新的東西,所以在35歲之前一定要爲自己的未來規劃,即爲成爲一名管理者做打算,最簡單也是最快的就是成爲一名技術經理,成爲一名技術經理的前提是必須會服務器端以及對前端也要比較熟悉。

背景

本人15年大學期間自學java,16年出來工作,差不多三年多經驗吧,以前有一些前端html和jquery的經驗,6月份入職新公司,要求做前端和後端,我一個人搞定,後端沒有問題,但是前端用的是React,有點頭疼, 因爲在18年的時候老闆就要求學react,並給我漲工資,但是網上看了一兩天以及請人培訓了一兩天,感覺是一頭霧水,當時直接拒絕了,時隔兩年,又來了,這次沒辦法了,硬着頭皮上吧,一開始心裏是發慌的,覺得自己肯定學不會,但是沒辦法,試試吧。

過程

大概就花了一天時間去看了一下前端項目的基本結構,很多地方看不懂,但是沒關係,開始只需要看view裏面的內容,看到哪裏,再去找其究竟是怎麼實現的,第一步,就是去看render裏面的內容,裏面全是html的基礎知識,然後發現也有點懵,因爲裏面全是這些玩意
在這裏插入圖片描述
後來查詢得知{}是用來放數據的或者是函數表達式,裏面可以寫很多東西。跟java是不是很像,這些應該都能看懂,然後再去看這些值是怎麼來的。比如text.planStatus是什麼東西,後面發現值得傳遞無非兩種方式,一種是state,就是一個頁面用state存儲這個頁面的一些數據,如果你用到的值需要改變,只需要去改變state裏面的值就行,頁面會根據值得變化,實時渲染。取值就用xxx.state.aaa,設置值就用this.setState({xxx:“xxx”}),另外一個獲取值得辦法就是props這個是父頁面傳過來的,弄懂了基本的數值的獲取以及傳遞方式基本就可以開始幹事了。後面又由於其他功能,學到了幾個生命週期函數,比如componentDidMount即在頁面渲染完成以後執行的,componentWillReceiveProps就是再頁面有數據變化的時候執行的,總而言之知識點就那麼幾個,不懂就百度吧

總結

本來想着寫很多很詳細,但是文字看着太枯燥,就不寫了,建議大家如果要上手react,可以按照這個步驟來學習
第一步:學習React的基礎知識,有了基礎知識基本就可以幹事了,比如修改一些bug
第二步:學習react-redux,這個比較關鍵,因爲傳值一直父組件傳子組件,redux的作用就是能在隨時隨地去使用和獲取這些值,就比較方便了。(目前我處於此階段)
第三步:學習一些react的路由

上面三個學完了,基本可以自己開發頁面了,搞着搞着就會了,多研究。一般react項目都會集成antd組件庫,這個不需要學,遇到不明白的就去看看就行了。

差不多花了一個星期就能解決基本的bug以及開發新的功能了,目前還在繼續學習,不求把所有東西全部弄懂,會開發就行了,源碼原理什麼的瞭解一些就行了,畢竟你又不是專門做前端的。

總而言之,遇到問題不到退縮,大膽的去嘗試就好了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章