WKE Lab ReactSnippets

Krownsh

52 installs

這是一個針對WKE Lab實驗室所設計的React Snippets功能。內容含括了實驗室當中經常使用的Component以及Container組件，以及Reudux中需要經常使用到的Action、Reducer、和Saga組件。同時也加入了實驗室所設計並定義CSS樣式，請務必在資料夾中載入樣式檔。This is a React Snippets feature designed for WKE Lab. It includes commonly used components and containers within the laboratory, as well as essential

Installation

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

Copied to clipboard

More Info

Usage Notes

WKE_im

使用在一開始初始使用，會一同import相關元件供整個畫面使用

!WKE_im_component
!WKE_im_container
!WKE_im_action_get/set
!WKE_im_action_start/suc/err
!WKE_im_reducer_get/set
!WKE_im_reducer_start/suc/err
!WKE_im_saga

Action

分為兩種型態：

!WKE_action_get/set 僅包含 get 與 set 兩項的簡單操作，success 與 error 均在 set_action 裡面操作
!WKE_action_start/suc/err 包含 start、success 和 error，成功失敗均可分別操作
!WKE_action_onchange 提供 onchange 的單一項操作，沒有 set 或 success 或 error 的使用

Reducer

配合 action 亦分成 get/set，與 start/success/error 兩種型態：

!WKE_reducer_get/set
!WKE_reducer_start/suc/err

Saga

!WKE_saga

Version note

1.0.0 Initial release of 2023/11/20

1.0.1 release of 2023/11/21

Enjoy!