Getting Started with XState, React, and Typescript, Pt. 3

In Part 3 of our XState, React and Typescript tutorial series, Santiago will look at a more real-life scenario: reacting to user input, and also fetching remote data. He will demonstrate this by building a Dad Joke Search. In this tutorial, he will demonstrate the use case; how the user will type a search term in the text input, then press the button to fire the search, and after a brief loading time, we will display the results on a list, very simple. He will further show how to build the state machine using Typescript tpyes, visualize the code with XState's visualizer and integrate the project with React.
--------------------------------------------------

Santiago's Code: https://codesandbox.io/s/cool-euclid-rpvyi?file=/src/App.tsx

--------------------------------------------------
? Watch other videos in this series:

Part 1 - https://youtu.be/po1YRAk7irY
Part 2 - https://youtu.be/BQLLTT-jO5k
--------------------------------------------------

? Subscribe to the Modus Create YouTube Channel to get more insights from our global team of technologists, designers, and strategists: http://mdus.co/subscribe

? Modus Create maintains an active blog on application development, customer experience, product management and more. Check it out: https://moduscreate.com/blog

? Modus Create builds customer-centric products, processes, and platforms to help businesses succeed in the digital economy.

? For over 10 years, our global team of strategists, designers, and technologists have helped the world’s biggest brands such as Burger King, Kaplan, AARP, PBS, and Time Inc. deliver powerful digital experiences to their clients. We work in an iterative, outcome-driven way to support our clients with product strategy, customer experience (CX), full-stack Agile software development, and security.

? Inc Magazine has rated Modus Create as one of the fastest-growing American companies for 6 years in a row. Our distributed team of Modites have been pioneers in the open-source community, creating innovations such as the Ionic-Vue integration, RoboDomo, Beep, and Capsule. Visit moduscreate.com to learn more.

#Typescript #XState #React #Javascript #FrontEndDevelopment