iT邦幫忙

2021 iThome 鐵人賽

DAY 30
3
Modern Web

React.js 30 天學習全記錄系列 第 30

[ Day 30 ] 從 Vue.js 到 React.js 的完賽心得

https://ithelp.ithome.com.tw/upload/images/20211014/20134153VILYI3vkce.png
第一次參加鐵人賽很開心真的能順利完賽啦!!!
當初開賽前還想說參賽期間會經歷中秋節和雙十國慶的連假,以為會因此就鬆懈但是最後還是堅持下來了。現在回首覺得這三十天確實挺充實的,雖然不能完全吸收所有的內容,但是對於基本的功能以及應用都有了初步的了解!


鐵人賽目標回顧

所以這邊要來回顧一下 Day 01 中,我自己預設的目標:

  1. 順利完成這次鐵人賽
    真的在今天順利完賽了!雖然中間一度因為工作太忙碌的關係趕不出文章,但最後在熬夜研究努力趕稿的過程中也將進度補上了。可喜可賀!

  2. 了解 React.js 的基礎和使用方法
    現在看到關於 React.js 的相關文章還有其他功能介紹的時候,不再像看無字天書一樣完全搞不懂裡面的功能。從 ReactDOMJSX 語法ComponentsProps 和 State生命週期以及 React Router 等等,都能夠了解其中的原理以及該功能要解決的問題了。

  3. 知道 React Hooks 的特色
    終於知道這個赫赫有名的 React Hooks 究竟帶來了什麼樣的變革,可以讓 Function Components 搖身一變成為 React.js 開發者的新寵兒?也因為在實作 React.js 網站的過程中頻繁地使用到各種 React Hooks ,所以就對它的使用跟功能也更加熟悉。

  4. 應用這 30 天 React.js 基礎概念來實作一個網站
    實作網站的這個環節其實算是將前面幾天所學習的觀念和功能做一個總複習,因為最一開始都是著重在功能的介紹,但因為少了實際的操作跟運用所以其實那些功能和概念到後面就會漸漸不熟悉。不過最後在實際使用 React.js 開發的過程中,我們將所有的基礎觀念都串連起來之外也增加了一些雖然前面章節沒有提及的功能,所以透過這個範例的實作確實對 React.js 的使用更加了解也更清楚它的功能會在什麼情境使用到


從 Vue.js 到 React.js 的心得

其實從接觸 Vue.js 這個框架到開始工作後的實際開發其實才短短半年左右的時間,而 React.js 也只是剛理解基礎一個月而已。所以說如果要我來比較這兩個 JavaScript Library 或 Framework 哪一個比較好用?哪一個比較優秀?好像不是那麼客觀,因為我並沒有使用 React.js 開發完整專案的經歷。

不過從 Vue.js 跳到 React.js 學習的時候會不會比較容易上手?答案是:會!
因為它們其實都是採用元件 Component 的概念來做撰寫的,所以如果有學過 JavaScript Library 和 Framework 的話,肯定可以在學習相關功能和概念的時候能更加融會貫通的!


最後的感謝和學習資源

最後要提供給和我一樣的 React.js 初學者一些大大們推薦的教學資源還有鐵人賽前輩們的文章,讓大家在學習的過程中能夠依照自己比較傾向和需要的學習內容做選擇:

影片教學:

鐵人賽文章:

這邊想要感謝火箭隊大家的陪伴!在我壓線發文的時後一起關心我讓我很感動 QQ
還有在看這系列文章的各位,謝謝你們願意花時間看我的學習紀錄 XD
另外也想感謝過去三十天花了很多時間努力看官方文件然後消化吸收再寫範例寫文章的自己,辛苦了!
如果以後還有其他內容我會在 medium 上跟大家分享,之後也會再把完整的心得文補上。
https://ithelp.ithome.com.tw/upload/images/20211014/20134153yLLoZ9EmBn.png
備註:鐵人賽完賽前夕,火箭隊大家在 Gather 幫我加油的合照XD

再一次謝謝大家!謝謝鐵人賽!
那我們以後再見囉ʘ‿ʘ


上一篇
[ Day 29 ] 實作一個 React.js 網站 5/5
系列文
React.js 30 天學習全記錄30

2 則留言

3
艾草
iT邦新手 4 級 ‧ 2021-10-15 14:32:03

哇,恭喜學姊完賽了,學姊好棒~~/images/emoticon/emoticon08.gif

謝謝艾草 QQ 你也超棒的!

2
thinkawait
iT邦新手 5 級 ‧ 2021-10-15 14:34:07

哇,恭喜學姊完賽了,學姊最棒~~
/images/emoticon/emoticon24.gif

謝謝 QQQQQ

我要留言

立即登入留言