鐵人檔案
這次的三十篇會跟大家分享React的基礎及測試框架JEST和測試工具庫Enzyme，
會使用Visual Studio Code 這個IDE來進行操作
前十篇會介紹一些React的基礎，後二十篇會介紹使用測試框架。
看完這三十篇的最終目標是.....=>建立一個小組件並對其進行測試!
能學習到React的基礎知識及前端測試的基本概念!
基本上我們會用到 計數器這整個Component (div) 、顯示數字 (span)、按鈕(button)這三個DOM， 所以先在我們的Component上加...
上一篇針對了計數器Component做了三個單元測試，Component、計數器按鈕、計數器的數字是否正常顯示， 還少了兩個單元測試 => 計數器數字的初...
這篇要來個小小練習，增加一個減號的按鈕，並針對其結果作一個單元測試。 先別往下看，給自己五到十分鐘... 再往下看解答 ! 首先，和累加的按鈕一樣，我們先在畫...
來到測試的尾聲，來把前面所學的整理一下吧! First Step => 要進行測試，我們勢必要有東西給它測試，而且也要有可以進行測試的套件 利用以...
在寫React的時候其實有分為兩種寫法 Class Component this.state or this.props會改變 較複雜的情境可以使用，因為...
講到Function Component 一定是會講到Hook的! Hook 讓我們可以不用改變Component的階層就可以重用stateful的邏輯。 Ho...
What's Redux !? Redux 是一個用來集中管理state的一個library， 用了Redux我們可以直接取得或修改相同的state，不用再一層...
What's React Query !? React Query 是一個適合用於React Hook的Library， 它可以幫助我們取得、同步、更新跟緩存我...
這篇要來談談小菜鳥一開始到現在用React的時候踩到的地雷 ! 最常見的忘記向下傳state就透過子類別使用了 後來小菜鳥的解決方法，是會在父類別將所有有可...
這次寫了自己剛學一年半左右的前端框架搭配測試，小菜鳥的技術上還沒有到很成熟，還請各位看官多多見諒呀 ಥ⌣ಥ一直覺得學習新的技術，驗證自己最好的方式，就是分享自己...
