React

Hello guys! I am Clark! I am going to sharing how to write a unit test for custom hooks! Custom Hooks Before we write the first unit test…

Hello guys, I am Clark! In this post I am going to continue share and practice about more styled components! Styling any component When I…

Hello guys, I am Clark! In this post I am going to share more about styled components I learn. If you don’t know what is styled components…

Hello guys, I’m Clark! Today I am not really going to share a power skill in this post, but I am going to talk the process about I learning…

Hello! You guys! I am Clark today we are keep going to learn how to implementing SSR in React applications with Redux! Last article, We are…

Hello! My name is Clark, in this post we are gonna implementing Server-Side Rendering in React, it’s very easy! Let’s start! Server-Side…

前言 Hi ！大家好，雖然之前有使用 Enzyme 講解如何搭配 Jest 對 React 的Component 做測試，但是幾個禮拜前偶然在某個討論串中看到有大神推薦另一套測試 Component 的套件 react-testing-library ，功能和 Enzyme…

前言 這次的標題有點複雜和騙人，文章內主要是在 React 中搭配 Socket.io 做使用，而 Socket.io 是一個現成的 WebSocket 套件，儘管它不是真正的 webSocket 協定，但 socket.io 還是實現了 webSocket…

前言 前幾天 React 釋出 16.8 版本的消息在各群組上傳得沸沸揚揚，理由是因為這一次的改版新增了 Hooks ，讓 Function Components 變得和以往不同！ 什麼是 Hooks ？ 在提到 Hooks 前，必須先理解 React 在 16.…

在上篇文章中，提到了 React 如何向 Redux 要求 store 中管理的資料，本篇會延續該篇文章內的程式碼接著說明，如果 React 要對資料進行異動，該怎麼做才好。 建立事件 其實建立事件並不難，首先在 Reducer 內部描述事件運作，再由 store…

剛開始接觸 React 時就聽過 Redux ，雖然 Redux 對 React 並不是必要的，但既然這是個趨勢，相信也值得花時間好好了解。 在使用後，也能感受到 Redux 對專案帶來的好處： 既然 React 和 Redux…