Feed
Discussions

xstate

xstate

#xstate

9 followers·12 articles

xstate

#xstate·9 followers·12 articles

xstate

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·

new

Trending Articles

The Stablecoin Surge: How CryptoXpress Is Leading the Charge Toward Financial Liberation

Naomi Antia Benson·56 reads

The DePIN Revolution: Mapping the World and Earning Onchain with $WIFI.

Patience Uyire·72 reads

CryptoXpress: Because Managing Crypto Shouldn't Feel Like Filing Taxes

Prochino·73 reads

Top commenters this week

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge

#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech

Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter

Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger

Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town

Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior

Sumayya Irfan

Taji Abdullah

Rishav

Marketer lab

Astha Sharma

Georgi Todorov

z-lander.hashnode.dev·Jan 25, 2025

Jan 25, 2025

Real-time data with xState 5, Firebase and Next.js App Router

TL;DR If you just want to see the code, it is here. You can also have a look at the xState 4 implementation here. Background After successfully implementing the authentication flow with Firebase, my next focus for the web app is real-time updates, wh...

Real-time data with xState 5, Firebase and Next.js App Router

Discuss·13 reads

Web app with xState, Firebase and Next.js

Georgi Todorov

z-lander.hashnode.dev·Oct 14, 2024

Oct 14, 2024

Authentication with xState 5, Firebase and Next.js App Router

TL;DR If you just want to see the code, it is here. You can also have a look at the xState 4 implementation here. Background In our team, we've been using xState and Firebase for couple of years for the development of a mobile app, and we organically...

Authentication with xState 5, Firebase and Next.js App Router

Discuss·56 reads

Web app with xState, Firebase and Next.js

Piyush Nanwani

blog.atomxel.com·Feb 23, 2024

Feb 23, 2024

Top State Management Libraries to use in React Native

If your apps are simple with minimal features, then you can get away without using state management libraries. But, a lot of production applications have a-lot of features. So, there is a lot of data flowing from one part of the app to the other. And...

Top State Management Libraries to use in React Native

Discuss·53 reads

Fawaz Alharbi

fawwaz.hashnode.dev·Jul 16, 2023

Jul 16, 2023

From Zustand to Xstate: the Zen of using the right tool

I've known and seen demos of Xstate for a while but never felt the need to use it in a project. My understanding was and still is that Xstate shines in complex flow. Recently I worked on a small personal project that I built with Zustand I thought th...

From Zustand to Xstate: the Zen of using the right tool

Discuss·40 likes·741 reads

Musadiq Peerzada

Musadiq Peerzada

blogs.musadiqpeerzada.com·May 07, 2023

May 07, 2023

Building Back-End State Machines with XState

Introduction In backend systems, managing complex state transitions is crucial for ensuring smooth and reliable operation. XState, a JavaScript library, provides a powerful tool for modeling and managing state machines. While it's commonly used in fr...

Building Back-End State Machines with XState

Discuss·2 likes·2768 reads

State Management

Iva Kop

whereisthemouse.hashnode.dev·Oct 02, 2022

Oct 02, 2022

Avoid impossible UI states with React, Typescript and XState

To build robust UIs often means to take all possible UI states into consideration and to make sure components behave consistently and correctly throughout. One way to do this is to prevent UIs from getting into impossible states. In this scenario, an...

Avoid impossible UI states with React, Typescript and XState

Discuss·10 likes·100 reads

Christoph Fricke

Christoph Fricke

christoph.hashnode.dev·Sep 05, 2022

Sep 05, 2022

Testable XState-Machines: Combining XState with Dependency Inversion

I really like to use XState for architecting web applications. In the past year, I have written and deployed over twenty state machines of various sizes to production. Over time, my personal go-to pattern for defining new state machines has emerged, ...

Testable XState-Machines: Combining XState with Dependency Inversion

Discuss·703 reads

Lakshya Thakur

blog.lakbychance.com·Jul 31, 2022

Jul 31, 2022

Building iOS Stopwatch functionality using XState

Introduction I have been meaning to try out xstate for long now by building a stopwatch example using it. For functionality, I referred to iOS's stopwatch in their native Clock App. But why stopwatch ? Well, I was once asked in an interview to buil...

Building iOS Stopwatch functionality using XState

Discuss·23 likes·978 reads

Robert

blog.robertbroersma.com·Mar 22, 2020

Mar 22, 2020

Undo/Redo in React Using XState

I recently came across the need for undo and redo functionality in my app. The app is an editor of sorts that allows you to add stuff and remove stuff using several different tools and keyboard shortcuts. All implemented using xstate. It would be gre...

Discuss·492 reads

Robert

blog.robertbroersma.com·Mar 13, 2020

Mar 13, 2020

Stateful Styles With XState and Styled System

You've probably seen a button like this one before: <Button>Cool Button</Button> One that has options: <Button secondary>Secondary Cool Button</Button> Maybe even more options: <Button tertiary>Tertiary Cool Button</Button> But what if I did this?...

Stateful Styles With XState and Styled System

Discuss·74 reads