Global State Management with React HookState

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-hookstate-chat Link to the react-custom-chat package: https://www.npmjs.com/package/react-custom-chat Link to my tutorial on Redux toolkit: https://youtu.be/rtwZrbpsbIY

Follow me on Twitter: https://twitter.com/ebenezerDN Follow me on GitHub: https://github.com/ebenezerdon Message me on LinkedIn: https://linkedin.com/in/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 ... https://www.youtube.com/watch?v=c8GuQdKYtQg