English

$\"\"$

You are Writing UI State Wrong

Tienes la version en español Aqui! Why state machines make UI logic simpler, safer, and way more maintainable. 🤯 The UI Logic Spiral 🧠 UIs Aren’t Just State — They’re Behavior ✅ The Solution: Model

$\"\"$

States, Events, and Transitions, Demystified

State machines can sound intimidating at first — all those diagrams and boxes and arrows. But at the heart of it, they’re built on three incredibly simple ideas: states, events, and transitions. If yo

Spanish

$\"\"$

Estas gestionando el estado de tus Interfaces mal

Por qué las máquinas de estados hacen que la lógica de UI sea más simple, segura y mantenible. 🤯 El espiral de la lógica en la UI 🧠 Las UIs no son solo estados — son comportamientos ✅ La solución: m

$\"\"$

Estados, eventos y transiciones, desmitificados

Las máquinas de estado pueden sonar intimidantes al principio: tantos diagramas, cajas y flechas. Pero, en esencia, están construidas sobre tres ideas increíblemente simples: estados, eventos y transi

$\"\"$

Why State Machines Are a Game-Changer for UI Development

A practical example: adding an "edit older version" confirmation guard to a document editor — with zero changes to existing UI triggers.

","enableWebSigning","origin","homeMetadata",{"_115":379,"_380":381},"originHomeId",{"_131":104,"_40":387,"_107":2863,"_102":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5},[],"meta",{"_2866":2867,"_2981":2982},"values",{"_2868":2869,"_2871":2872,"_2873":2874,"_2875":2876,"_2878":2879,"_2880":2881,"_2882":2883,"_2885":2886,"_2887":2888,"_2889":2890,"_2891":2892,"_2893":2894,"_2895":2896,"_2897":2898,"_2899":2900,"_2901":2902,"_2903":2904,"_2905":2906,"_2907":2908,"_2909":2910,"_2911":2912,"_2913":2914,"_2915":2916,"_2917":2918,"_2919":2920,"_2921":2922,"_2923":2924,"_2925":2926,"_2927":2928,"_2929":2930,"_2931":2932,"_2933":2934,"_2935":2936,"_2937":2938,"_2939":2940,"_2941":2942,"_2943":2944,"_2945":2946,"_2947":2948,"_2949":2950,"_2951":2952,"_2953":2954,"_2955":2956,"_2957":2958,"_2959":2960,"_2961":2962,"_2963":2964,"_2965":2966,"_2967":2968,"_2969":2970,"_2971":2972,"_2973":2974,"_2975":2976,"_2977":2978,"_2979":2980},"document.generationInfo.generation",[2870],"bigint","dehydratedState.queries.0.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.1.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.1.queryKey.2",[2877],"undefined","dehydratedState.queries.2.state.data.0.createTime.seconds",[2870],"dehydratedState.queries.2.state.data.0.updateTime.seconds",[2870],"dehydratedState.queries.2.state.data.0.sortTime",[2884],"Date","dehydratedState.queries.2.state.data.0.activitySummary.latestCommentTime",[2877],"dehydratedState.queries.2.state.data.0.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.2.state.data.0.generationInfo.generation",[2870],"dehydratedState.queries.2.state.data.0.redirectInfo",[2877],"dehydratedState.queries.2.state.data.1.createTime.seconds",[2870],"dehydratedState.queries.2.state.data.1.updateTime.seconds",[2870],"dehydratedState.queries.2.state.data.1.sortTime",[2884],"dehydratedState.queries.2.state.data.1.activitySummary.latestCommentTime",[2877],"dehydratedState.queries.2.state.data.1.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.2.state.data.1.generationInfo.generation",[2870],"dehydratedState.queries.2.state.data.1.redirectInfo",[2877],"dehydratedState.queries.3.state.data.0.createTime.seconds",[2870],"dehydratedState.queries.3.state.data.0.updateTime.seconds",[2870],"dehydratedState.queries.3.state.data.0.sortTime",[2884],"dehydratedState.queries.3.state.data.0.activitySummary.latestCommentTime",[2877],"dehydratedState.queries.3.state.data.0.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.3.state.data.0.generationInfo.generation",[2870],"dehydratedState.queries.3.state.data.0.redirectInfo",[2877],"dehydratedState.queries.3.state.data.1.createTime.seconds",[2870],"dehydratedState.queries.3.state.data.1.updateTime.seconds",[2870],"dehydratedState.queries.3.state.data.1.sortTime",[2884],"dehydratedState.queries.3.state.data.1.activitySummary.latestCommentTime",[2877],"dehydratedState.queries.3.state.data.1.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.3.state.data.1.generationInfo.generation",[2870],"dehydratedState.queries.3.state.data.1.redirectInfo",[2877],"dehydratedState.queries.3.state.data.2.createTime.seconds",[2870],"dehydratedState.queries.3.state.data.2.updateTime.seconds",[2870],"dehydratedState.queries.3.state.data.2.sortTime",[2884],"dehydratedState.queries.3.state.data.2.activitySummary.latestCommentTime.seconds",[2870],"dehydratedState.queries.3.state.data.2.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.3.state.data.2.generationInfo.generation",[2870],"dehydratedState.queries.3.state.data.2.redirectInfo",[2877],"dehydratedState.queries.3.state.data.3.createTime.seconds",[2870],"dehydratedState.queries.3.state.data.3.updateTime.seconds",[2870],"dehydratedState.queries.3.state.data.3.sortTime",[2884],"dehydratedState.queries.3.state.data.3.activitySummary.latestCommentTime",[2877],"dehydratedState.queries.3.state.data.3.activitySummary.latestChangeTime.seconds",[2870],"dehydratedState.queries.3.state.data.3.generationInfo.generation",[2870],"dehydratedState.queries.3.state.data.3.redirectInfo",[2877],"dehydratedState.queries.5.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.6.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.7.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.8.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.8.queryKey.2",[2877],"dehydratedState.queries.9.state.data.document.generationInfo.generation",[2870],"dehydratedState.queries.9.queryKey.2",[2877],"dehydratedState.queries.10.state.data.metadata.icon",[2877],"dehydratedState.queries.10.state.data.metadata.summary",[2877],"referentialEqualities",{"_2868":2983,"_2873":2984,"_2880":2985,"_2895":2986,"_2909":2987,"_2917":2988,"_2921":2989,"_2931":2990,"_2937":2991,"_2945":2992,"_2951":2993,"_2959":2994},[2871,2889],[2893],[2907,2887],[2901],[2915],[2973],[2923,2929],[2969],[2943],[2965],[2957],[2963],"actionData","errors"]