React Hooks from npm packags

David Zhao
Jul 23, 2021

--

React¹⁷.0.2, Hooks, Created at July 22, 2021, Read Series…

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

React¹⁷.0.2

Basic Hooks
- useState
- useEffect
- useContext
Additional Hooks
-
useReducer
- useCallback
- useMemo
- useRef
- useImperativeHandle
- useLayoutEffect
- useDebugValue

@material-ui/core⁴.11.4

User defined Hook, not a built-in, but used everywhere
-
useStyles

react-i18next¹¹.11.0

Basic Hooks
- useTranslation

react-redux^7.2.4

Basic Hooks
-
useSelector
- useDispatch
- useStore
Additional Hooks
-
useActions
- useShallowEqualSelector

@reduxjs/toolkit¹.6.0

Additional Hooks
- useQuery
- useMutation
- useQueryState
- useQuerySubscription
- useLazyQuery
- useLazyQuerySubscription
- usePrefetch

react-router-dom⁵.2.0

Basic Hooks
- useHistory
- useLocation
- useParams
- useRouteMatch

react-cookie⁴.0.3

Basic Hooks
- useCookies

Form: react-hook-form V7

Basic Hooks
- useForm
- useFormState(new in V7)
- useController
- useFormContext
- useWatch
- useFieldArray

Form: Formik V2

Basic Hooks
- useFormik
- useField
- useFormikContext

--

--

David Zhao

Expert on .Net, React, React Native . Professional on Asp.Net Mvc/Web Api, C#, React, Typescript, Maui, Html, Css, Sql Server/Oracle.