一個帶有Redux狀態管理的本機元件(計數器)的Github專案
這是一個實驗專案,嘗試了原生Web元件:建立了一個Counter元件,並將其嵌入到一個簡單的HTML頁面中三次。將他們連線到Redux的公共儲存,瞧!計數器物件可以使用自己的單獨儲存增加計數了。
- 建立原生Web元件
- 在HTML檔案中多次使用它
- 使用相同的元件,但在其中顯示不同的值
- 在Redux的幫助下將它們連線到公共儲存
我想使用ES6功能,所以我決定使用Webpack和Babel。Webpack負責使用webpack-dev-server捆綁程式和開發伺服器功能。
其餘的很輕。我建立了一個計數器元件,它有一個顯示數字的顯示,然後有一個按鈕可以幫助你增加數字。我將三次計數器元件插入HTML DOM並將它們連線到一個公共儲存。
Redux商店準備用ID-s獲得三個計數器值,所以我可以單獨處理每個計數器元件的值。
主App模組獲取頁面上的每個計數器值並使用它們生成累積值並將其顯示在計數器上方。
相關文章
- 借鑑redux,實現一個react狀態管理方案ReduxReact
- react之redux狀態管理ReactRedux
- 前端狀態管理框架之Redux前端框架Redux
- 一個專案完整的管理流程有哪些
- 本週4個Github有趣專案Github
- github上一個好玩的專案Github
- Flutter 狀態管理之 Redux,BLoC,Provider 的流程分析FlutterReduxBloCIDE
- Redux複雜應用(一):淺談狀態管理Redux
- JavaScript 的狀態容器 ReduxJavaScriptRedux
- React 快速上手 - 08 redux 狀態管理 react-reduxReactRedux
- 基於 Redux + Redux Persist 進行狀態管理的 Flutter 應用示例ReduxFlutter
- Flutter 狀態管理之 Scoped Model & ReduxFlutterRedux
- Flutter | 狀態管理探索篇——Redux(二)FlutterRedux
- 本週Github上7個有趣專案Github
- 使用 Hooks 實現一個簡單的狀態管理器Hook
- 一個帶有權重的隨機選擇器隨機
- 不到150行程式碼,寫一個簡單的Flutter狀態管理元件行程Flutter元件
- 本週16個Github有趣專案Korvus等Github
- 本週25個Github有趣專案SeekStorm等GithubORM
- 本週16個Github有趣專案如MaestroGithub
- 本週10個Github有趣專案WebLlama等GithubWeb
- 有趣:RAGapp等本週15個Github專案APPGithub
- 本週17個github有趣專案Teo等Github
- 在 React 中管理同一元件的多個例項中的狀態React元件
- 都8102年了!是時候有個新的狀態容器取代redux了!Redux
- 一個被寫爛的redux計數小例子Redux
- Swift 專案總結 06 基於控制器的全域性狀態列管理Swift
- 狀態管理器這麼火,讓我們來做一個簡單的redux原理解析吧(vuex類似)ReduxVue
- 本來寫的一個 API 介面專案,現在抽空改成一個後臺許可權管理專案API
- 從 Redux 說起,到手寫,再到狀態管理Redux
- Flutter狀態管理學習手冊(二)——ReduxFlutterRedux
- React資料狀態管理 --- Redux,Redux-Saga以及進階DvaReactRedux
- 本週18個Github有趣專案如Dozzle等Github
- 本週Github上16個有趣專案MetaVoice等Github
- Perspective等本週Github上9個有趣專案Github
- 本週17個Github有趣專案如Panza等Github
- 本週20個Github有趣專案如llmware等Github
- 本週github上Hatchify等9個有趣專案Github