Skip to main content

49 docs tagged with "Redux"

View All Tags

@reduxjs/toolkit

@reduxjs/toolkit is defined as: Official Opinionated redux Toolset Lib with simplified improved syntax. Topics on: Thoughts on RTK Migration, @reduxjs/toolkit/q

@reduxjs/toolkit/query

@reduxjs/toolkit/query is defined as: @reduxjs/toolkit query API to Data Fetch/Caching & replace Thunk. Topics on: . Read more: React, React Stack, Redux, Redux

<FormSpy/>

<FormSpy/>. Topics on: Less renders. Read more: React, React Stack, Redux, Redux Form, React Final Form, Upgrades|FullStack Wiki by Roger J

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

add all reducers

add all reducers. Topics on: add combined reducers to, add individual reducers to. Read more: React, React Stack, Redux, Redux Folder Structure, Src State OR Sr

Classic Redux Flow

Classic Redux Flow is defined as: older outdated pattern to set up redux. Topics on: Install deps, Create types.js in ../actions, Create reducer in ../reducers,

configureStore()

configureStore() is defined as: @reduxjs/toolkit to replace createStore. Topics on: . Read more: React, React Stack, Redux, Reduxjs Toolkit, Configure Store

connect mapStateToProps

connect mapStateToProps. Topics on: connect(null) when no state is passed. Read more: React, React Stack, Redux, React Redux, Redux Flow, Classic Redux Flow

createSlice()

createSlice() is defined as: @reduxjs/toolkit to setup slice state with input { initialState, reducers object, name}. Topics on: to export actions from slice, e

createStore()

createStore() is defined as: OLD Redux API function to create new Redux Store Instance. Topics on: . Read more: React, React Stack, Redux, OLD Redux API, Functi

Dispatch

Dispatch is defined as: redux function to send Action object to Reducer. Topics on: . Read more: React, React Stack, Redux, Redux Concepts, Dispatch, Function,

Dispatch Function

Dispatch Function is defined as: function to Dispatch Action to Reducer. Topics on: . Read more: React, React Stack, Redux, Redux Pattern, Dispatch Function, Fu

extraReducers

extraReducers is defined as: to allow createSlice() to respond to other extenal type (action type not generated by itself). Topics on: External Action. Read mor

getState()

getState(). Topics on: . Read more: React, React Stack, Redux, OLD Redux API|FullStack Wiki by Roger J

Initial State

Initial State is defined as: value of Variable/property on first run of Component. Topics on: . Read more: React, React Stack, Redux, Redux Pattern, Initial Sta

initState

initState is defined as: define init state Object to describe app. Topics on: . Read more: React, React Stack, Redux, Redux Concepts, Redux Reducer, Object|Wiki

mapStateToProps()

mapStateToProps() is defined as: . Topics on: . Read more: React, React Stack, Redux|FullStack Wiki by Roger J

OLD Redux API

OLD Redux API is defined as: named import or use Redux._reduxMethod. Topics on: createStore(), getState(). Read more: React, React Stack, Redux, OLD Redux API

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

Predictable

Predictable is defined as: redux helps scale App with consistent behaviour by restict data flow into a predictable pattern of dispatch>reducer>state. Topics on:

React Final Form

React Final Form. Topics on: react-final-form flow, Upgrades. Read more: React, React Stack, Redux, Redux Form, React Final Form|FullStack Wiki by Roger J

react-redux

react-redux is defined as: sub-library with React Binding for redux. Topics on: Redux flow, redux-form flow, useDispatch(), useSelector(), react-redux at 6.5M w

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

Reducer

Reducer is defined as: function to Reduce to new state value from Action input. Topics on: Reduce. Read more: React, React Stack, Redux, Redux Pattern, Reducer,

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 alternatives

redux alternatives. Topics on: MobX, React Query. Read more: React, React Stack, Redux|FullStack Wiki by Roger J

Redux Concepts

Redux Concepts. Topics on: Redux Store, Root Reducer, Redux Reducer, Dispatch, Subscriber, Redux Middleware. Read more: React, React Stack, Redux, Redux Concept

Redux Definition

Redux Definition. Topics on: Predictable, Centralized, Time-Travel, Standalone, Debuggable, Flexible. Read more: React, React Stack, Redux, Redux Definition

Redux flow

Redux flow. Topics on: Classic Redux Flow, Classic Redux with hooks, Redux Toolkit steps. Read more: React, React Stack, Redux, React Redux, Redux Flow|Dev Wiki

Redux Folder Structure

Redux Folder Structure. Topics on: src > state OR src > redux, Separate redux type to folder. Read more: React, React Stack, Redux, Redux Folder Structure| Wiki

Redux Form v8.3.0

Redux Form v8.3.0. Topics on: redux-form flow. Read more: React, React Stack, Redux, Redux Form, Redux Form V 830|FullStack Wiki by Roger J

Redux Middleware

Redux Middleware is defined as: Middleware to enhance/override store methods. Topics on: . Read more: React, React Stack, Redux, Redux Concepts, Middleware|Wiki

Redux Pattern

Redux Pattern. Topics on: Initial State, Action, Dispatch Function, Reducer. Read more: React, React Stack, Redux, Redux Pattern|FullStack Wiki by Roger J

Redux Reducer

Redux Reducer is defined as: pass initState & action object. Topics on: initState. Read more: React, React Stack, Redux, Redux Concepts, Redux Reducer| Dev Wiki

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

Redux Toolkit steps

Redux Toolkit steps. Topics on: create src/state/store.ts with configureStore(), Provide store to <App>, Create reducers inside newer 'slice' in src/state/reduc

redux-form

redux-form. Topics on: Redux Form v8.3.0, React Final Form. Read more: React, React Stack, Redux, Redux Form|FullStack Wiki by Roger J

redux-form flow

redux-form flow. Topics on: import redux & redux form, Validater, export reduxForm. Read more: React, React Stack, Redux, React Redux, Redux Form Flow| Dev Wiki

redux-form flow

redux-form flow. Topics on: . Read more: React, React Stack, Redux, Redux Form, Redux Form V 830, Redux Form Flow|FullStack Wiki by Roger J

Separate redux type to folder

Separate redux type to folder. Topics on: import each different redux type with index.ts, Solves spaghetti import statements!, easier to import by simply refere

src > state OR src > redux

src > state OR src > redux. Topics on: add store to, add all reducers, add all actions to, add all action types to, add all action creators to, centralise main

Thoughts on RTK Migration

Thoughts on RTK Migration. Topics on: reducer has been rebranded to 'slice' to pointlessly confuse people, keep everything named as slice or reducer to avoid co

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

Upgrades

Upgrades. Topics on: Pure JS, Smaller file size, <FormSpy/>. Read more: React, React Stack, Redux, Redux Form, React Final Form, Upgrades | FullStack Wiki by RJ

useAppDispatch()

useAppDispatch() is defined as: TS typed version of useDispatch() || recommended but pointless. Topics on: . Read more: React, React Stack, Redux, Reduxjs Toolk

useAppSelector()

useAppSelector() is defined as: TS Typed version for useSelector() || recommended but pointless - just export useSelector as typed version. Topics on: . Read mo

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