UI - State

Card Puncher Data Processing


state in design

Set is the minimum set of variable that defines the state of an block or app.

State allows an application to change their output (console or UI) over time in response to user actions, network responses, and anything else.

State is generally reserved for interactivity.

State is generally what must be saved in order to be able to restore the visual or behavior of an application (or components) after restart.



  • On/Off
  • Color

For example, if you're building a TODO list, just keep an array of the TODO items around; don't keep a separate state variable for the count. Instead, when you want to render the TODO count, simply take the length of the TODO items array.


If the answer to the below question is yes, it probably isn't state.

  • Does it remain unchanged over time?
  • Can you compute it based on any other state ?

A strategy to achieve no inconsistent state.: Make sure that everything that can be derived from the application state, will be derived automatically (Mobx)

Discover More
React - State

This page is UI State in React. The Local state to a component in react is known as: state. A change of state triggers a render ref. A change of ref value does not triggers a render The global...
Card Puncher Data Processing
Software Development - (Stateless|Stateful)

Stateless or state-full refers to the fact that a unit of program (process, function, procedure) have a state or not (Ie variable that may change). stateless Parallel aggregate operations over...
What is an HTML Form?

form is an element that represents a user-submittable form. When parsed as HTML, a form element's start tag will imply a p element's end tag just before. The pizza order form (taken from the...

Share this page:
Follow us:
Task Runner