一個帶有Redux狀態管理的本機元件（計數器）的Github專案
這是一個實驗專案，嘗試了原生Web元件：建立了一個Counter元件，並將其嵌入到一個簡單的HTML頁面中三次。將他們連線到Redux的公共儲存，瞧！計數器物件可以使用自己的單獨儲存增加計數了。
- 建立原生Web元件
- 在HTML檔案中多次使用它
- 使用相同的元件，但在其中顯示不同的值
- 在Redux的幫助下將它們連線到公共儲存
我想使用ES6功能，所以我決定使用Webpack和Babel。Webpack負責使用webpack-dev-server捆綁程式和開發伺服器功能。
其餘的很輕。我建立了一個計數器元件，它有一個顯示數字的顯示，然後有一個按鈕可以幫助你增加數字。我將三次計數器元件插入HTML DOM並將它們連線到一個公共儲存。
Redux商店準備用ID-s獲得三個計數器值，所以我可以單獨處理每個計數器元件的值。
主App模組獲取頁面上的每個計數器值並使用它們生成累積值並將其顯示在計數器上方。
相關文章
- 微信小程式專案重構之Redux狀態管理微信小程式Redux
- 借鑑redux，實現一個react狀態管理方案ReduxReact
- redux,一種頁面狀態管理的優雅方案Redux
- react之redux狀態管理ReactRedux
- 前端狀態管理框架之Redux前端框架Redux
- 一個專案完整的管理流程有哪些
- github上一個好玩的專案Github
- Redux複雜應用（一）：淺談狀態管理Redux
- React 快速上手 - 08 redux 狀態管理 react-reduxReactRedux
- JavaScript 的狀態容器 ReduxJavaScriptRedux
- Flutter 狀態管理之 Scoped Model & ReduxFlutterRedux
- Flutter | 狀態管理探索篇——Redux（二）FlutterRedux
- 基於 Redux + Redux Persist 進行狀態管理的 Flutter 應用示例ReduxFlutter
- 一個帶有權重的隨機選擇器隨機
- 使用 Hooks 實現一個簡單的狀態管理器Hook
- Flutter 狀態管理之 Redux，BLoC，Provider 的流程分析FlutterReduxBloCIDE
- 本週10個Github有趣專案WebLlama等GithubWeb
- 不到150行程式碼，寫一個簡單的Flutter狀態管理元件行程Flutter元件
- 一個被寫爛的redux計數小例子Redux
- 這有一個機器人，粉刷本領強機器人
- 狀態管理器這麼火，讓我們來做一個簡單的redux原理解析吧(vuex類似)ReduxVue
- 做一個react+redux+webpack專案後的感想ReactReduxWeb
- Flutter狀態管理學習手冊(二)——ReduxFlutterRedux
- 從 Redux 說起，到手寫，再到狀態管理Redux
- 本週Github上16個有趣專案MetaVoice等Github
- Perspective等本週Github上9個有趣專案Github
- 本週Github八個有趣專案如Teable等Github
- 本週github上Hatchify等9個有趣專案Github
- Swift 專案總結 06 基於控制器的全域性狀態列管理Swift
- 本來寫的一個 API 介面專案，現在抽空改成一個後臺許可權管理專案API
- 前端狀態管理與有限狀態機前端
- 5種專案管理成功狀態（轉）專案管理
- Rust本週Github有趣專案RustGithub
- 一個有限狀態機的C++實現C++
- react 狀態機管理React
- 如何打造一個上千Star的Github專案Github
- 一個高效搜尋github專案的網站Github網站
- 記前端狀態管理庫Akita中的一個坑前端