Simple Global State Management with React HookState | Chat App Tutorial
This tutorial will introduce HookState as a simple and efficient state management solution for React apps by guiding you through building a chat application.
Link to the HookState doc: https://hookstate.js.org/
Link to our final codebase: https://github.com/ebenezerdon/react-...
Link to the react-custom-chat package: https://www.npmjs.com/package/react-c...
Link to my tutorial on Redux toolkit: • Redux Toolkit Tutorial for React Stat...
Follow me on Twitter: / ebenezerdn
Follow me on GitHub: https://github.com/ebenezerdon
Message me on LinkedIn: / ebenezerdon
Outline:
00:00:00 - Introduction
00:01:30 - Setting up our React app and installing HookState
00:03:46 - What we’ll be building
00:04:21 - Installing react-custom-chat
00:04:50 - Cleaning up our React codebase
00:06:35 - Creating our chat components
00:10:46 - Creating global states with HookState
00:12:37 - Accessing our global HookState state
00:15:09 - Updating our state with HookState
00:19:18 - Creating and using nested states with HookState
00:23:33 - Delaying our second state update with the setTimeout method
00:25:19 - Wrapping up
#webdevelopment #react #hookstate