Skip to main content

45 docs tagged with "State"

View All Tags

@apollo/client

@apollo/client is defined as: JS state management lib to manage local/remote data via Declarative GraphQL Data Fetch. Topics on: agnostic. Read more: React, Rea

Action

Action is defined as: object with type & payload info to pass Reducer to update state. Topics on: type, payload. Read more: React, React Stack, Redux, Redux Pat

App Data

App Data is defined as: data that user is accessing. Topics on: normally stored on global level in Component Hierarchy. Read more: React, React Concepts, Compon

Backing Instance

Backing Instance is defined as: Object (created in memory) to store & access data. Topics on: created React class instances to track changes over time, React El

CC

CC is defined as: React class Instance extends React.Component, provides render() Method to return UI, manage state & perform side effects on Lifecycle Methods.

Client State

Client State is defined as: state store by Client (Browser), TSC. Topics on: TSC. Read more: Computer Science, Network, Request Response Model, Data Fetch, Clie

Component State

Component State is defined as: mechanism for storing values inside Component over time. Topics on: App Data, UI state, Form Data, How to arrange state, Componen

Component State in FC vs CC

Component State in FC vs CC. Topics on: how JS Syntax varies for FC vs CC. Read more: React, React Concepts, Component Based Architecture, Component, State, Com

Controlled Component

Controlled Component is defined as: Component with state manage by ReactDOM. Topics on: . Read more: React, React Concepts, Component Based Architecture, Compon

Diffing

Diffing is defined as: React Heuristic Algorithm to reconcile change in state vs view & handle update to DOM API. Topics on: internal state = VDOM, view = DOM A

FC

FC is defined as: function to return UI via JSX. Pass propsfor dynamic input. add state via Hook. Topics on: since React 16.8 FC with Hooks are more powerful th

Hook

Hook is defined as: Specialized Function Functional Programming extends FC with Lifecycle Method & persistent state. Topics on: Specialized Function to 'hook' i

how JS Syntax varies for FC vs CC

how JS Syntax varies for FC vs CC. Topics on: . Read more: React, React Concepts, Component Based Architecture, Component, State, Component State, Component Sta

How to arrange state

How to arrange state. Topics on: state should be kept closer to Component that needs it, state can be stored in either Component, Parent Component or any Ascend

Immutable data structure

Immutable data structure. Topics on: data structure with persistent versioning making copies of state to keep track of changes over time, JS doesn't support imm

Immutable state

Immutable state. Topics on: immutable state is accessed via this.props for class components, state that cannot be changed after it is created. Read more: React,

Managing App-wide state

Managing App-wide state. Topics on: pass state from parent by setting props on child, receive state from parent as prop, receive updater function from parent as

mutable data structure

mutable data structure. Topics on: transient data structure supporting only single version over time, overwritten by updates. Read more: React, React Concepts,

mutable state

mutable state. Topics on: state that can change after it is created, mutable state is accessed via this.state property of class instance. Read more: React, Reac

Passive State

Passive State is defined as: persistant state NOT trigger re-render on update. Topics on: . Read more: React, React API, Hooks API, Stateful Hook, Use Ref, Pass

payload

payload is defined as: to attach data to change state. Topics on: . Read more: React, React Stack, Redux, Redux Pattern, Action, Payload, State | FullStack Wiki

Protected Route

Protected Route is defined as: Routing with access restrict to Auth state. Topics on: . Read more: Computer Science, Computer Lang, Computer, Software, Domain,

React DevTools

React DevTools is defined as: Browser Plugin to inspect React App (dev build only!) to view Component Hierarchy, props & state. Topics on: Element Selector Tool

React.Component

React.Component is defined as: base Abstract Class that provides render() method to return React Element(s), state & Lifecycle Methods. Topics on: !deprecated c

Reduce

Reduce is defined as: (process) to generate new state based on current state & some Action payload. Topics on: . Read more: React, React Stack, Redux, Redux Pat

redux

redux is defined as: (Design Pattern) to colocate state in global external central store, to control data flow with predictable scalable pattern of Dispatch Fun

Redux Store

Redux Store is defined as: central global container to manage App state for redux. Topics on: Redux Store contains special methods to mutate state - only to be

Server State

Server State is defined as: state store on Backend RASP. Topics on: RASP. Read more: Computer Science, Network, Request Response Model, Data Fetch, Server State

Shared Layout

Shared Layout is defined as: UI to share mutliple Page via children, to preserve state & not trigger re-render. Topics on: Root Layout. Read more: React, React

state

state is defined as: persistent Snapshot of info that App can access at given point in time. Topics on: piece of memory stored insider a Fiber, Component State,

state can be mutable or immutable

state can be mutable or immutable. Topics on: Immutable state, Immutable data structure, mutable data structure, mutable state. Read more: React, React Concepts

Stateful Hook

Stateful Hook is defined as: (typeof) Hook to add state to FC. Topics on: useState(), useReducer(), useRef(), useContext(), userDeferredvalue(), useTransition()

stateless

stateless is defined as: of Entity lacking state. Topics on: stateful Component can update itself based on internal triggers & therefore independent of its cont

Story

Story is defined as: export default Object to Declarative render FC snapshot with specific key state to dev/test/doc. Topics on: title & component req fields -

storybook

storybook is defined as: popular Frontend Dev tool to isolate UI to doc/showcase/test, detangle Business Logic/state/Context. Topics on: Storybook features, Sto

this.state

this.state is defined as: to initialize state in CC. Topics on: . Read more: React, React Concepts, Component Based Architecture, Component, CC, Declare A Class

Time-Travel

Time-Travel is defined as: (feat) to revisit redux state history. Topics on: . Read more: React, React Stack, Redux, Redux Definition, State | Full-Stack Wiki

type

type is defined as: to describe Action to change state. Topics on: . Read more: React, React Stack, Redux, Redux Pattern, Action, Type, State | Full-Stack Wiki

UI state

UI state is defined as: current state of UI Component; intermittent data to help render app that's not persisted. Topics on: local variables inside Component. R

Uncontrolled Component

Uncontrolled Component is defined as: Component with state manage by DOM API NOT ReactDOM. Topics on: . Read more: React, React Concepts, Component Based Arch

useAuth()

useAuth() is defined as: async Custom Hook to get Auth state from Backend/Online API. Topics on: Example FC. Read more: React, React API, Hooks API, Custom Hook

usePrevious()

usePrevious() is defined as: Custom Hook to get previous value of props or state. Topics on: . Read more: React, React API, Hooks API, Custom Hook, Use Previous

useReducer()

useReducer() is defined as: Stateful Hook with logic to update new state from current state & payload via redux. Topics on: useReducer() for updating multiple p

useSelector()

useSelector() is defined as: OLD Redux API Library Hook to select piece of state from Redux Store. rep by useAppSelector(). Topics on: avoid Async logic inside

useState()

useState() is defined as: Stateful Hook to persist single state value in FC. Topics on: const [_value, _setter] = useState(initial), Lazy Initial value, !flow d