Conversational sign up with chatbot-like experience with React and Redux
chapters (9)
- 0:00Start
- 5:25HOW does my Chatbot look like
- 5:58Chatbot is a simple state machine
- 10:06The Message / component renders the state of the message displayed during the chat + history of states
- 10:55To bind the user input into the data object to each relevant transition include input prop with the unique name
- 12:08To update every change of the user input in the store, I have added the "UPDATE_FIELD" action
- 12:45The full reducer implementation for the chatbot
- 14:34That renders all the input data from the user via the fields props
- 15:13Event handlers to add and confirm user input
related talks
02h 51mEnliven UX with React/Redux
59mMastering Conversational UI: Scaling Bots with XState & WebSockets in React
52mBuilding a Realtime Chat with GraphQL Subscriptions
20mEnhancing Forms with React Server Components
24mFull Stack Web Development with AI
21mReact Rhythm & Blues
26mBuilding Interactive Async UI with React 19 and Ariakit
44mBuilding AI Chatbot with Spring Boot, React and ChatGPT (Live Code)
