FaasJS
Home
  • Guide
  • Documents
  • Starter Template
  • Changelog
  • Ecosystem

    • VS Code Plugin
    • Docker Images
  • Github
  • Contributing
  • Sponsor
  • Security
  • English
  • 简体中文
Home
  • Guide
  • Documents
  • Starter Template
  • Changelog
  • Ecosystem

    • VS Code Plugin
    • Docker Images
  • Github
  • Contributing
  • Sponsor
  • Security
  • English
  • 简体中文

Documents / @faasjs/react

@faasjs/react

React plugin for FaasJS.

License: MITNPM Version

If you use SWR or React Query / TanStack Query, please use @faasjs/browser directly.

Features

  • Support FaasJS Request Specifications.
  • Support global and per-request configurations.
  • Support React Server Actions.
  • Compatible with why-did-you-render.
  • Additional React functions:
    • Utils:
      • equal: Compare two values for deep equality.
      • createSplittingContext: Create a context for code splitting.
      • splittingState: Create a splitting states.
    • Hooks:
      • useEqualMemoize: Memoize a value with deep equality.
      • useEqualEffect: Run an effect with deep equality.
      • useEqualMemo: Memoize a value with deep equality.
      • useEqualCallback: Memoize a callback with deep equality.
      • useConstant: Create a constant value with hooks.
      • usePrevious: Get the previous value of a state.
      • useStateRef: Create a state with a ref.
    • Components:
      • OptionalWrapper: Render a component optionally.
      • ErrorBoundary: Catch errors in the component tree.
    • Fetch Data:
      • faas: Fetch data from FaasJS.
      • useFaas: Fetch data from FaasJS with hooks.
      • FaasDataWrapper: Fetch data from FaasJS with a wrapper component.
      • withFaasData: Fetch data from FaasJS using a higher-order component (HOC).

Install

npm install @faasjs/react react

Functions

  • createSplittingContext
  • equal
  • faas
  • FaasReactClient
  • Form
  • FormItem
  • getClient
  • useConstant
  • useEqualCallback
  • useEqualEffect
  • useEqualMemo
  • useEqualMemoize
  • useFaas
  • usePrevious
  • useSplittingState
  • useStateRef
  • validValues
  • withFaasData

Classes

  • ErrorBoundary
  • Response
  • ResponseError

Interfaces

  • ErrorBoundaryProps

Namespaces

  • OptionalWrapper

Type Aliases

  • ErrorChildrenProps
  • FaasAction
  • FaasData
  • FaasDataInjection
  • FaasDataWrapperProps
  • FaasDataWrapperRef
  • FaasParams
  • FaasReactClientInstance
  • FaasReactClientOptions
  • FormButtonElementProps
  • FormContextProps
  • FormDefaultRulesOptions
  • FormElementTypes
  • FormInputElementProps
  • FormItemName
  • FormItemProps
  • FormLabelElementProps
  • FormLang
  • FormProps
  • FormRule
  • FormRules
  • InferFormRulesOptions
  • OnError
  • OptionalWrapperProps
  • Options
  • ResponseHeaders
  • useFaasOptions

Variables

  • FaasDataWrapper
  • FormContextProvider
  • FormDefaultElements
  • FormDefaultLang
  • FormDefaultRules
  • OptionalWrapper
  • useFormContext