🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

我要告訴你一件聽起來像假事但卻是真的事:

在看過任何 React 教學之前,我就用 React 和 Next.js 建立了一個全端醫療保健預約系統。

不是「我先看了教程,然後才開始動手」。也不是「我先學習了基礎知識,然後才開始動手」。

我只是……把它做出來了。我對 React 一竅不通。只用了 JavaScript、Google、人工智慧搜尋工具,以及純粹的絕望。

說實話?我到現在都不知道這到底是勇敢還是愚蠢。哈哈!

事情的開端(很糟糕)

我曾是一名電腦科學專業的學生,為了維持生計,兼職賣珠寶首飾。我的實習才剛結束,實習期間我做的只是寫一些基本的JavaScript程式碼和修復一些小bug。

然後我就被拉去參與一個專案了。

全端式醫療保健預約系統。前端由我負責。後端團隊之前就已經在做了。工期?三個月!

酷。太好了。但有個問題:

我之前從未接觸過 React,也沒有接觸過 Next.js,或任何現代前端框架。

我當時用了JavaScript。僅此而已。

而且,我的生活也開始崩潰了。

不是那種「我為學業感到壓力很大」的壓力……而是那種「我無法正常生活,感覺一切都很沉重」的壓力。

但我無法拒絕,因為我需要這份工作。因為我還在努力證明自己能勝任。因為說「我現在應付不了」感覺就像是承認失敗。

所以我答應了。然後立刻就後悔了。

第一週:假裝我什麼都聽懂了

第一次團隊會議是在Google Meet上進行的。後端開發人員解說了架構、資料庫結構、API介面和專案時間表。

我一邊點頭,一邊做筆記,看起來很專注。

我心裡想:“SSR到底是什麼鬼?元件又是什麼?為什麼大家都在說‘狀態’,好像我應該知道它是什麼意思似的?”

掛斷電話後,我盯著我的筆記型電腦。

然後我打開谷歌,輸入: “如何使用 Next.js 建立網站”

事情就是這樣開始的。

不用上課,不用看教程,只有我、一個搜尋欄和一個截止日期。

那個感到沮喪的朋友(以及救了我的人)

我試著跟朋友傾訴我的遭遇,傾訴我的不知所措,傾訴我思維混亂的感受。

他當時很生氣。

你只會談論工作。

“你需要處理好自己的私事。”

“我已經解釋過了!”

他說得對。但我無法解釋,工作是我唯一不至於徹底崩潰的依靠。

然後我遇到了其中一位後端開發人員。

這個人跟我完全不一樣,他其實不認識我,也沒有理由像他那樣幫助我。

但當我驚慌失措地帶著關於狀態管理的問題出現在專案組時,他耐心地解答了我,沒有絲毫評判。

當我因為沒能很快理解某些事情而道歉時,他會說: “你正在學習。沒關係。事情是這樣的。”

他沒有生氣,而是……伸出了援手。

無私奉獻。那種你永遠不會忘記的幫助。

在他的指導和大量的谷歌搜尋下,我開始慢慢弄清楚一些事情。

我的真實學習經驗(混亂的真相)

這是沒人會告訴你的:

學習不需要教程,你需要的是解決問題。

我沒有花10個小時完整地學習React課程,也沒有觀看“Next.js入門教程”,更沒有一步一步地學習。

我剛開始搭建。

當我需要新增導覽列時,我在Google上搜尋了: “如何在 Next.js 中建立導覽列”

當我的表單無法更新時,我搜尋了: “為什麼我的 React 狀態沒有更新?”

當我需要從後端獲取資料時,我問 AI 搜尋工具: “如何在 Next.js 中呼叫 API?”

每個功能都變成了Google搜尋的物件。每一個錯誤都成了學習的機會。

我當時不是在學習 React,而是在React 解決實際問題。不知怎的,這種方式比任何教學都更能讓我快速掌握 React。

我唯一看過的教學(以及我觀看的時間)

想知道最精彩的部分嗎?

專案完成後,我才看了第一篇 React 教學。

之前不是,期間不是,之後也不是。

當我看完一部電影時,我已經理解了大部分情節。因為我已經經歷過了

教程只是驗證了我透過實踐所學到的知識。

就在那時我意識到:

教程教你理論,專案教你實作。

我的生活究竟發生了什麼

在學習 React 和 Next.js 的同時,我還:

  • 全日制在校大學生(電腦科學專業學生)

  • 靠賣珠寶首飾維持生計

  • 處理一些個人事務,導致我難以正常工作生活。

  • 努力兼顧作業、考試、副業和程式設計。

  • 每晚可能只睡4-5小時。

我精疲力竭,情緒崩潰,幾乎無法自拔。

但這個專案給了我一個可以專注的事情。當其他一切都感覺失控時,我可以掌控一些事情。

於是我繼續前進。

不是因為我自律,而是因為我迫切希望某件事,即使只是一件事,能夠成功。

我差點放棄的那些時刻

有些時候,我會盯著錯誤訊息看好幾個小時,覺得自己是世界上最愚蠢的人。

在那些日子裡,我一會兒在 Instagram 上拍攝珠寶照片(順便說一句,我的帳號無緣無故被封了,這什麼時候才能結束啊!),一會兒切換到標籤頁除錯 Next.js API 路由,一會兒又匆匆趕去上課,然後回家一直寫程式碼到凌晨 3 點。

我感覺自己快要溺水了。

但每當我想要放棄的時候,我都會想起:

如果我放棄這一切,我還能剩下什麼?

學校?簡直讓人喘不過氣。

個人生活?一團糟。

兼職?幾乎不用花錢。

這個專案是我唯一能完成的事情,也是我唯一能掌控的事情。

所以我沒有辭職。

我們(不知何故)建造了什麼

三個月後,專案完成了。

一套完整的醫療保健預約系統。包含:

  • 使用者身份驗證

  • 預約安排

  • 即時診所資料

  • 簡訊通知

  • 管理員控制面板

  • 響應式設計

它完美嗎?不。

我的程式碼乾淨嗎?絕對不乾淨。

那三個月我哭過很多次嗎?是的。是的。是的。

但它奏效了嗎?是的。而這才是最重要的。

我從學習中學到的東西

1. 你不需要教學就能學會

我完全是自己用 React + Next.js 建立了一個應用程式,直到完成後才去看一個教程。

如何做到?谷歌搜尋。人工智慧搜尋工具。文件. Stack Overflow。反覆試驗。

教程很有幫助,但並非必要。

2. 實際專案比課程更能快速教你東西

課程教你文法,專案教你解決問題。

我學習 React 是因為我需要一個元件立即投入使用,而不是「等我學完課程以後再說」。

3. 當你別無選擇時,學習效果最佳。

我並非自願在三個月內學習 React 和 Next.js,而是被迫的。

這就是我學得那麼快的唯一原因。

4. 冒名頂替症候群永遠不會真正消失

即使現在,我還是覺得自己不太清楚自己到底在做什麼。

但同時?我對我的設計、我的作品、我的能力都充滿信心。

這兩種說法都可能成立。

即使你覺得自己是個騙子,你仍然可以勝任工作。事情就是這樣。

5. 合適的人至關重要

那位無私幫助我的後端開發人員?沒有他,我不可能完成這項工作。

學習不是孤軍奮戰。它是一個充滿挑戰、需要協作且極具人性化的過程。

令人不安的真相

沒人會在生活一團糟的時候談論學習程式設計。

所有「學習程式設計」的內容都很簡潔明了,而且富有激勵性和啟發性。

但現實生活是混亂的。

你一邊學習 React,一邊還要兼顧學業、副業、處理個人瑣事,還要努力保持心理健康。

但你仍然需要完成任務。

所以,如果你現在正經歷一些事情,並且想知道在幾乎無法正常生活的情況下該如何學習,我理解你。

你並不軟弱。你只是在生存。這就足夠了。

我現在所在的地方

我使用 React 和 Next.js 開發應用程式。不過,必要時我還是會參考教學。

我自信嗎?有時候。

我還有冒名頂替症候群嗎?一直都有。

但我知道我能解決問題嗎?是的。

因為如果我能在生活一團糟的情況下,一邊在程式設計間隙賣珠寶,一邊全職上大學,幾乎沒怎麼睡覺,就能學會 React 和 Next.js,

我能應付任何事。

我會告訴你

如果你還深陷教程的泥潭,等著「感覺準備好了」才肯動手做點真正的東西,那就停下來。就現在!

你不需要再上一門課,你需要的是一個專案。

選個東西。把它做出來。把它弄壞。上網查錯。修好。發布。

這才是真正的學習方式。

不完美,也不乾淨,但有效。

如果一個經濟拮据、一邊上學一邊兼職、還要應付各種個人瑣事的計算機科學系學生,都能在沒有教程的情況下學會 React,

你當然也可以。

底線

我三個月內自學了 React + Next.js,而且沒看過任何教學。

不是因為我聰明,而是因為我沒時間看教學。

我當時面臨一個截止日期,一個團隊指望著我,我別無選擇。

於是我開始上網搜尋,提出問題,弄壞東西,然後修好,最後出貨。

這就是秘訣:

有時候,最快的學習方法就是停止準備,開始動手實作。

PS:也許有一天我也會寫寫我是如何開始寫作的。不過,那是另一個故事了。

現在呢?你只需要知道,你不需要把所有事情都想清楚才能開始。你只需要開始。

如果這篇文章對你有幫助,或讓你感到被理解,請按讚。這能幫助更多人看到它。

歡迎在TwitterLinkedIn上與我聯絡。我一直樂於結識科技界人士,並在過程中結交新朋友。


原文出處:https://dev.to/toboreeee/i-learned-react-nextjs-in-three-months-without-watching-a-single-tutorial-3m01


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝17   💬10   ❤️5
431
🥈
我愛JS
📝2   💬8   ❤️4
92
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付