MoreCoke Blog

這應該不是好做法，因為在官方文件上並沒有看到相關的用法，不過這用法很方便就是…。
除了 React 外，Vue 也能這樣玩，Angular 沒用過不知道。

這是我在寫 react 時遇到的問題，不過這問題跟 react 無關，簡化後的程式碼長這樣。

1
2
3

<label onClick={() => console.log('label trigger')}>
    render from react <input type="checkbox" />
</label>

querySelector 取得的 NodeList 是靜態的， getElement 取得的 NodeList 是動態的。

使用版本 5.x

要在根目錄上做什麼?

通常會在 src 的資料夾建 index.js 用來當 react navigation 的根目錄，使用 NavigationContainer 這個組件會把 Navigator 包起來，NavigationContainer 只會在根目錄上用到。

光是一個 input 就有好多種類型，這篇主要是討論 input type='text' 的情況。

使用版本: 0.63
適用版本: 0.6 以上

React Native 在 0.6 版本後就不再支援 react-native link，所以要用其他方法換字型。

我是跟著這篇文章(Ultimate guide to use custom fonts in react native)手動部分的教學做的，但還是遇到文章沒提到的問題，所以再另外寫這篇出來。

遇到的地雷:

• 使用自訂字型後不能使用 fontWeight或其他會改變字體形狀的 style 可能也不行，不然無法套入字型
• 字型用 ttf 格式比較穩， otf 有時無法套入?
• 關於 Xcode 上介面操作問題，如果資料夾顏色是藍色而非黃色，代表 Xcode 沒有成功追蹤到該資料夾，字型會無法套入。(下面附圖和流程)

手機 app 的行為

在手機 app 運行時會有兩種狀態，分為前台模式和後台模式，從使用者的角度來說這兩個的差別就是看不看的到。前台模式就是你螢幕顯示 app 的狀態，後台模式就是你沒看到這 app 在執行，可能是你在用其他的 app 或是關掉手機螢幕，如果你沒有強制關閉 app 進到手機的多工模式把 app 往上滑的話，這個 app 其實還是在運作的，所以稱為後台模式，也能把這行為想成是 app 的待機模式。

try catch 的用途

try catch 的使用時機就是避免程式碼出錯造成網頁或是 app crash 的緊急處理，所以也會有人稱 try catch 為錯誤處理，但我個人並沒有很喜歡這個稱呼，我覺得叫做「例外處理」比較貼切，至於原因下面會說。

target 是 標籤的屬性，點擊此連結會再新開一個分頁。在處理 eslint 提供的警告時，看到了這個。

在用不同電腦操作時常遇到的問題就是 git 送出 commit 時的使用者問題

git config user.name 名字
git config user.email 郵件
以上設定都只是區域設定，這些設定只會保留在當前專案部會改到全域的設定。