Description
State Modeling in React with XState, Modeling state in Racket using XState is published by Frontend Masters Academy. XState helps you manage both local and global state in React. In this course, we learn to model state before coding using state machines and state diagrams, and then use those in our program to coordinate the logic of complex programs. We also visualize our machines in real time and learn to use model-based testing. The instructor describes software modeling as knowing how a program will behave at any given time. A React component can model its state using useState , however, the logic can get complicated when there are multiple state values to manage.
Then we use an online tool Excalidraw for the state machine diagram for the fuse component. There are three modes: inactive, suspended, and active. Events that cause state changes are a toggle event and a success event. Then you see that useState is refactored to useReducer as the first step in composing a state machine. The state logic is concentrated in the reducer and makes it easier to understand and divide it among the components. In this course, you will see that we refactor the switch statement to use a machine object. The stream of omponent’s state changes is configured in the machine object and can be visualized with a tool such as XState Visualizer, where eventless transitions always occur when the state machine is first entered. They are defined using the “always” feature of the state property
What you will learn
- Component State in rickett
- Diagram of a state machine
- Reconstruction with useReducer
- Using the machine object
- Parameterization of actions
- Integration of other libraries
- Protected transfers
- Transfers without event
- shared state with useService
State Modeling in React with XState course specifications
- Publisher: Frontend Masters
- teacher : David Khourshid
- English language
- Training level: advanced
- Number of courses: 35
- Training duration: 4 hours
Chapters of the State Modeling in React with XState course
# Introduction
# State Machines
# XState Machines
#Transitions
# State Types
# Actors
# Wrapping up
Course prerequisites
- Some fundamental knowledge about React
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
English subtitle
Quality: 1080p
download link
File(s) password: www.downloadly.ir
Size
1.89 GB
Be the first to comment