Liking cljdoc? Tell your friends :D

com.fulcrologic.fulcro.raw.components

Fulcro base component functions. This namespace has no hard dependency on React, and includes all of the core routines found in components (that ns just aliases to this one). There is no support in this namespace for creating standard defsc components that work in React-based Fulcro, but instead this namespace includes support for building "normalizing component" from EQL and sample instances. This gives you all of the general data management power with no ties to React.

Fulcro base component functions. This namespace has no hard dependency on React, and includes all of the core routines
found in `components` (that ns just aliases to this one). There is no support in this namespace for creating standard
`defsc` components that work in React-based Fulcro, but instead this namespace includes support for building
"normalizing component" from EQL and sample instances. This gives you all of the general data management power
with no ties to React.
raw docstring

*after-render*clj/s

Dynamic var that affects the activation of transactions run via transact!. Defaults to false. When set to true this option prevents a transaction from running until after the next render is complete. This typically should not be set to true in scenarios where you are unsure if a render will occur, since that could make the transaction appear to "hang".

Dynamic var that affects the activation of transactions run via `transact!`. Defaults to false. When set to true
this option prevents a transaction from running until after the next render is complete. This typically should not be set
to true in scenarios where you are unsure if a render will occur, since that could make the transaction appear to
"hang".
sourceraw docstring

*query-state*clj/s

source

any->appclj/s

(any->app x)

Attempt to coerce x to an app. Legal inputs are a fulcro application, a mounted component, or an atom holding any of the above.

Attempt to coerce `x` to an app.  Legal inputs are a fulcro application, a mounted component,
or an atom holding any of the above.
sourceraw docstring

ast-id-keyclj/s

(ast-id-key children)

Returns the first child from a list of EQL AST nodes that looks like an entity ID key.

Returns the first child from a list of EQL AST nodes that looks like an entity ID key.
sourceraw docstring

check-component-registry!clj/s

(check-component-registry!)

Walks the complete list of components in the component registry and looks for problems. Used during dev mode to detect common problems that can cause runtime misbehavior.

Walks the complete list of components in the component registry and looks for problems. Used during dev mode to
detect common problems that can cause runtime misbehavior.
sourceraw docstring

childrenclj/s

(children component)

Get the sequence of react children of the given component.

Get the sequence of react children of the given component.
sourceraw docstring

class->registry-keyclj/s

(class->registry-key class)

Returns the registry key for the given component class.

Returns the registry key for the given component class.
sourceraw docstring

component-class?clj/s

(component-class? x)

Returns true if the argument is a component class.

Returns true if the argument is a component class.
sourceraw docstring

component-instance?clj/s

(component-instance? x)

Returns true if the argument is a component. A component is defined as a mounted component. This function returns false for component classes, and also returns false for the output of a Fulcro component factory.

Returns true if the argument is a component. A component is defined as a *mounted component*.
This function returns false for component classes, and also returns false for the output of a Fulcro component factory.
sourceraw docstring

component-nameclj/s

(component-name class)

Returns a string version of the given react component's name. Works on component instances and classes.

Returns a string version of the given react component's name. Works on component instances and classes.
sourceraw docstring

component-optionsclj/s

(component-options instance-or-class & ks)

Returns the map of options that was specified (via defsc) for the component class.

Returns the map of options that was specified (via `defsc`) for the component class.
sourceraw docstring

component-typeclj/s

(component-type x)

Returns the component type, regardless of whether the component has been mounted

Returns the component type, regardless of whether the component has been
mounted
sourceraw docstring

component?clj/s

Returns true if the argument is a component instance.

DEPRECATED for terminology clarity. Use component-instance? instead.

Returns true if the argument is a component instance.

DEPRECATED for terminology clarity. Use `component-instance?` instead.
sourceraw docstring

compressible-transact!clj/s

(compressible-transact! app-ish tx)
(compressible-transact! app-ish ref tx)

Identical to transact! with :compressible? true option. This means that if more than one adjacent history transition edge is compressible, only the more recent of the sequence of them is kept. This is useful for things like form input fields, where storing every keystoke in history is undesirable. This also compress the transactions in Fulcro Inspect.

NOTE: history events that trigger remote interactions are not compressible, since they may be needed for automatic network error recovery handling.

Identical to `transact!` with `:compressible? true` option. This means that if more than one
adjacent history transition edge is compressible, only the more recent of the sequence of them is kept. This
is useful for things like form input fields, where storing every keystoke in history is undesirable. This
also compress the transactions in Fulcro Inspect.

NOTE: history events that trigger remote interactions are not compressible, since they may be needed for
automatic network error recovery handling.
sourceraw docstring

computedclj/s

(computed props computed-map)

Add computed properties to props. This will replace any pre-existing computed properties. Computed props are necessary when a parent component wishes to pass callbacks or other data to children that have a query. This is not necessary for "stateless" components, though it will work properly for both.

Computed props are "remembered" so that a targeted update (which can only happen on a component with a query and ident) can use new props from the database without "losing" the computed props that were originally passed from the parent. If you pass things like callbacks through normal props, then targeted updates will seem to "lose track of" them.

Add computed properties to props. This will *replace* any pre-existing computed properties. Computed props are
necessary when a parent component wishes to pass callbacks or other data to children that *have a query*. This
is not necessary for "stateless" components, though it will work properly for both.

Computed props are "remembered" so that a targeted update (which can only happen on a component with a query
and ident) can use new props from the database without "losing" the computed props that were originally passed
from the parent. If you pass things like callbacks through normal props, then targeted updates will seem to "lose
track of" them.
sourceraw docstring

configure-anonymous-component!clj/s

(configure-anonymous-component! render-fn component-options)

Make a given render-fn (a plain fn) act like a a Fulcro component with the given component options map. Registers the new component in the component-registry. Component options MUST contain :componentName as be a fully-qualified keyword to name the component in the registry.

component-options must include a unique :componentName (keyword) that will be used for registering the given function as the faux class in the component registry.

IMPORTANT: In CLJS this function adds extra things to the mutable js fn. In CLJ, components are just maps, and this side-effect cannot modify it. As such it returns the configured component so you can use it in CLJ.

Make a given `render-fn` (a plain fn) act like a a Fulcro component with the given component options map. Registers the
new component in the component-registry. Component options MUST contain :componentName as be a fully-qualified
keyword to name the component in the registry.

component-options *must* include a unique `:componentName` (keyword) that will be used for registering the given
function as the faux class in the component registry.

IMPORTANT: In CLJS this function adds extra things to the mutable js fn. In CLJ, components are just maps, and this
side-effect cannot modify it. As such it returns the configured component so you can use it in CLJ.
sourceraw docstring

denormalize-queryclj/s

(denormalize-query state-map ID)

Takes a state map that may contain normalized queries and a query ID. Returns the stored query or nil.

Takes a state map that may contain normalized queries and a query ID. Returns the stored query or nil.
sourceraw docstring

entity->componentclj/s

(entity->component entity-data-tree)
(entity->component entity-data-tree top-level-options)

Creates a normalizing component from an entity tree. Every sub-element of the tree provided will generate an anonymous normalizing component if that element has an ID field. For to-many relations only the first item is used for query/ident generation.

The returned anonymous component will have initial state that matches the provided entity data tree.

This means you can use a sample tree to generate both the initial state for a subtree of your app and the components necessary to do I/O on that tree.

This kind of component will not be registered in the component registry unless you pass a :componentName via the top-level-options. A registry entry is necessary for things that require the registry, such as dynamic queries and UI state machines).

Creates a normalizing component from an entity tree. Every sub-element of the tree provided will generate an anonymous
normalizing component if that element has an ID field. For to-many relations only the first item is used for query/ident
generation.

The returned anonymous component will have initial state that matches the provided entity data tree.

This means you can use a sample tree to generate both the initial state for a subtree of your app and the components
necessary to do I/O on that tree.

This kind of component will *not* be registered in the component registry unless you pass a :componentName
via the top-level-options. A registry entry is necessary for things that
require the registry, such as dynamic queries and UI state machines).
sourceraw docstring

external-configclj/s

(external-config app-ish k)

Get any custom external configuration that was added to the app at creation-time.

Get any custom external configuration that was added to the app at creation-time.
sourceraw docstring

get-classclj/s

(get-class instance)

Returns the react type (component class) of the given React element (instance). Is identity if used on a class.

Returns the react type (component class) of the given React element (instance). Is identity if used on a class.
sourceraw docstring

get-computedclj/s

(get-computed x)
(get-computed x k-or-ks)

Return the computed properties on a component or its props. Note that it requires that the normal properties are not nil.

Return the computed properties on a component or its props. Note that it requires that the normal properties are not nil.
sourceraw docstring

get-identclj/s

(get-ident x)
(get-ident class props)

Get the ident for a mounted component OR using a component class.

That arity-2 will return the ident using the supplied props map.

The single-arity version should only be used with a mounted component (e.g. this from render), and will derive the props that were sent to it most recently.

Get the ident for a mounted component OR using a component class.

That arity-2 will return the ident using the supplied props map.

The single-arity version should only be used with a mounted component (e.g. `this` from `render`), and will derive the
props that were sent to it most recently.
sourceraw docstring

get-initial-stateclj/s

(get-initial-state class)
(get-initial-state class params)

Get the declared :initial-state value for a component.

Get the declared :initial-state value for a component.
sourceraw docstring

get-queryclj/s

(get-query class-or-factory)
(get-query class-or-factory state-map)

Get the query for the given class or factory. If called without a state map, then you'll get the declared static query of the class. If a state map is supplied, then the dynamically set queries in that state will result in the current dynamically-set query according to that state.

Get the query for the given class or factory. If called without a state map, then you'll get the declared static
query of the class. If a state map is supplied, then the dynamically set queries in that state will result in
the current dynamically-set query according to that state.
sourceraw docstring

get-query-by-idclj/s

(get-query-by-id state-map class queryid)
source

get-subquery-componentclj/s

(get-subquery-component component query-path)
(get-subquery-component component query-path state-map)

Obtains the normalizing component that is associated with the given query path on the given component.

For example (get-subquery-component Person [:person/addresses]) would return the component for the :person/addresses join. If state-map is supplied then dynamic query support is possible; otherwise it will be the original static query.

Obtains the normalizing component that is associated with the given query path on the given component.

For example `(get-subquery-component Person [:person/addresses])` would return the component for
the `:person/addresses` join. If state-map is supplied then dynamic query support is possible; otherwise it
will be the original static query.
sourceraw docstring

get-traced-propsclj/s

(get-traced-props state-map component ident prior-props)

Uses fdn/traced-db->tree to get the props of the component at ident, and leverages those optimizations to return prior-props if they are not stale.

A subsequent call (e.g. on next render frame) of this function with the prior return value (as prior-props) thus gives you an efficient non-react replacement for shouldComponentUpdate, etc.

Uses `fdn/traced-db->tree` to get the props of the component at `ident`, and leverages those optimizations to return
`prior-props` if they are not stale.

A subsequent call (e.g. on next render frame) of this function with the prior return value (as `prior-props`)
thus gives you an efficient non-react replacement for `shouldComponentUpdate`, etc.
sourceraw docstring

has-active-state?clj/s

(has-active-state? state-map ident)

Returns true if there is already data at a component's ident

Returns true if there is already data at a component's `ident`
sourceraw docstring

has-feature?clj/s

(has-feature? component option-key)
source

has-ident?clj/s

(has-ident? component)
source

has-initial-app-state?clj/s

(has-initial-app-state? component)
source

has-pre-merge?clj/s

(has-pre-merge? component)
source

has-query?clj/s

(has-query? component)
source

id-keyclj/s

(id-key props)

Returns the keyword of the most likely ID attribute in the given props (the first one with the name "id"). Returns nil if there isn't one. This is useful when trying to derive an ident from a sample tree of data, for example.

Returns the keyword of the most likely ID attribute in the given props (the first one with the `name` "id").
Returns nil if there isn't one. This is useful when trying to derive an ident from a sample tree of data, for example.
sourceraw docstring

identclj/s

(ident this props)
source

initial-stateclj/s

(initial-state clz params)
source

is-factory?clj/s

(is-factory? class-or-factory)

Returns true if the given argument is a component factory.

Returns true if the given argument is a component factory.
sourceraw docstring

isogetclj/s

(isoget obj k)
(isoget obj k default)

Like get, but for js objects, and in CLJC. In clj, it is just get. In cljs it is gobj/get.

Like get, but for js objects, and in CLJC. In clj, it is just `get`. In cljs it is
`gobj/get`.
sourceraw docstring

isoget-inclj/s

(isoget-in obj kvs)
(isoget-in obj kvs default)

Like get-in, but for js objects, and in CLJC. In clj, it is just get-in. In cljs it is gobj/getValueByKeys.

Like get-in, but for js objects, and in CLJC. In clj, it is just get-in. In cljs it is
gobj/getValueByKeys.
sourceraw docstring

(link-element element)

Part of internal implementation of dynamic queries.

Part of internal implementation of dynamic queries.
sourceraw docstring

(link-query query)

Part of dyn query implementation. Find all of the elements (only at the top level) of the given query and replace them with their query ID.

Part of dyn query implementation. Find all of the elements (only at the top level) of the given query and replace them
with their query ID.
sourceraw docstring

ncclj/s

(nc query)
(nc query {:keys [componentName] :as top-component-options})

Create an anonymous normalizing query component. By default the normalization will be auto-detected based on there being a prop at each entity level that has (any) namespace, and a name of id. For example:

[:list/id :list/name {:list/items [:item/id :item/complete? :item/label]}]

will create a normalizing query that expects the top-level values to be normalized by :list/id and the nested items to be normalized by :item/id. If there is more than one ID in your props, make sure the first one is the one to use for normalization.

The top-component-options becomes the options map of the component.

You can include :componentName to push the resulting anonymous component definition into the component registry, which is needed by some parts of Fulcro, like UISM.

NOTE: nc is recursive, and does compose if you want to name the components at various levels. It can be used with queries from other defsc components:

(def query (nc [:user/id
                :user/name
                ;; Generate an anonymous component that is available in the registry under ::Session
                {:user/session-details (nc [:session/id :session/last-login] {:componentName ::Session})}
                ;; Use a defsc query as the source
                {:user/settings (comp/get-query Settings)}
                ;; Autogenerates an anonymous address query component that has no name
                {:user/address [:address/id :address/street]}]))
Create an anonymous normalizing query component. By default the normalization will be auto-detected based on there being a prop at each
entity level that has (any) namespace, and a name of `id`. For example:

```
[:list/id :list/name {:list/items [:item/id :item/complete? :item/label]}]
```

will create a normalizing query that expects the top-level values to be normalized by `:list/id` and the nested
items to be normalized by `:item/id`. If there is more than one ID in your props, make sure the *first* one is
the one to use for normalization.

The `top-component-options` becomes the options map of the component.

You can include :componentName to push the resulting anonymous component definition into the component registry, which
is needed by some parts of Fulcro, like UISM.

NOTE: `nc` is recursive, and *does* compose if you want to name the components at various levels. It can be used with queries from
other defsc components:

```
(def query (nc [:user/id
                :user/name
                ;; Generate an anonymous component that is available in the registry under ::Session
                {:user/session-details (nc [:session/id :session/last-login] {:componentName ::Session})}
                ;; Use a defsc query as the source
                {:user/settings (comp/get-query Settings)}
                ;; Autogenerates an anonymous address query component that has no name
                {:user/address [:address/id :address/street]}]))
```
sourceraw docstring

newer-propsclj/s

(newer-props props-a props-b)

Returns whichever of the given Fulcro props were most recently generated according to denormalization-time. This is part of props 'tunnelling', an optimization to get updated props to instances without going through the root.

Returns whichever of the given Fulcro props were most recently generated according to `denormalization-time`. This
is part of props 'tunnelling', an optimization to get updated props to instances without going through the root.
sourceraw docstring

normalize-queryclj/s

(normalize-query state-map query)

Given a state map and a query, returns a state map with the query normalized into the database. Query fragments that already appear in the state will not be added. Part of dynamic query implementation.

Given a state map and a query, returns a state map with the query normalized into the database. Query fragments
that already appear in the state will not be added.  Part of dynamic query implementation.
sourceraw docstring

normalize-query-elementsclj/s

(normalize-query-elements state-map query)

Part of internal implementation of dynamic queries.

Determines if there are query elements in the query that need to be normalized. If so, it does so.

Returns the new state map containing potentially-updated normalized queries.

Part of internal implementation of dynamic queries.

Determines if there are query elements in the `query` that need to be normalized. If so, it does so.

Returns the new state map containing potentially-updated normalized queries.
sourceraw docstring

pre-mergeclj/s

(pre-merge this data)
source

propsclj/s

(props component)

Return a component's props.

Return a component's props.
sourceraw docstring

queryclj/s

(query this)
source

query-idclj/s

(query-id class qualifier)

Returns a string ID for the query of the given class with qualifier.

Returns a string ID for the query of the given class with qualifier.
sourceraw docstring

refresh-dynamic-queries!clj/s

(refresh-dynamic-queries! app-ish)
(refresh-dynamic-queries! app-ish cls force?)

Refresh the current dynamic queries in app state to reflect any updates to the static queries of the components.

This can be used at development time to update queries that have changed but that hot code reload does not reflect (because there is a current saved query in state). This is not always what you want, since a component may have a custom query whose prop-level elements are set to a particular thing on purpose.

An component that has :preserve-dynamic-query? true in its component options will be ignored by this function.

Refresh the current dynamic queries in app state to reflect any updates to the static queries of the components.

This can be used at development time to update queries that have changed but that hot code reload does not
reflect (because there is a current saved query in state). This is *not* always what you want, since a component
may have a custom query whose prop-level elements are set to a particular thing on purpose.

An component that has `:preserve-dynamic-query? true` in its component options will be ignored by
this function.
sourceraw docstring

register-component!clj/s

(register-component! k component-class)

Add a component to Fulcro's component registry. This is used by defsc to ensure that all Fulcro classes that have been compiled (transitively required) will be accessible for lookup by fully-qualified symbol/keyword. Not meant for public use, unless you're creating your own component macro that doesn't directly leverage defsc.

Add a component to Fulcro's component registry.  This is used by defsc to ensure that all Fulcro classes
that have been compiled (transitively required) will be accessible for lookup by fully-qualified symbol/keyword.
Not meant for public use, unless you're creating your own component macro that doesn't directly leverage defsc.
sourceraw docstring

registry-key->classclj/s

(registry-key->class classname)

Look up the given component in Fulcro's global component registry. Will only be able to find components that have been (transitively) required by your application.

classname can be a fully-qualified keyword or symbol.

Look up the given component in Fulcro's global component registry. Will only be able to find components that have
been (transitively) required by your application.

`classname` can be a fully-qualified keyword or symbol.
sourceraw docstring

set-query!clj/s

(set-query! x class-or-factory {:keys [query params] :as opts})

Public API for setting a dynamic query on a component. This function alters the query and rebuilds internal indexes.

  • x : is anything that any->app accepts.
  • class-or-factory : A component class or factory for that class (if using query qualifiers)
  • opts : A map with query and optionally params (substitutions on queries)
Public API for setting a dynamic query on a component. This function alters the query and rebuilds internal indexes.

* `x` : is anything that any->app accepts.
* `class-or-factory` : A component class or factory for that class (if using query qualifiers)
* `opts` : A map with `query` and optionally `params` (substitutions on queries)
sourceraw docstring

set-query*clj/s

(set-query* state-map class-or-factory {:keys [query] :as args})

Put a query in app state.

NOTE: Indexes must be rebuilt after setting a query, so this function should primarily be used to build up an initial app state.

Put a query in app state.

NOTE: Indexes must be rebuilt after setting a query, so this function should primarily be used to build
up an initial app state.
sourceraw docstring

sharedclj/s

(shared comp-or-app)
(shared comp-or-app k-or-ks)

Return the global shared properties of the root. See :shared and :shared-fn app options. NOTE: Shared props only update on root render and by explicit calls to app/update-shared!.

This version does not rely on the dynamic var shared, which is only available from the react-based components ns.

Return the global shared properties of the root. See :shared and
:shared-fn app options. NOTE: Shared props only update on root render and by explicit calls to
`app/update-shared!`.

This version does not rely on the dynamic var *shared*, which is only available from the react-based components ns.
sourceraw docstring

transact!clj/s

(transact! app-or-comp tx)
(transact! app-or-component tx options)

Submit a transaction for processing.

The underlying transaction system is pluggable, but the default supported options are:

  • :optimistic? - boolean. Should the transaction be processed optimistically?
  • :ref - ident. The ident of the component used to submit this transaction. This is set automatically if you use a component to call this function.
  • :component - React element. Set automatically if you call this function using a component.
  • :refresh - Vector containing idents (of components) and keywords (of props). Things that have changed and should be re-rendered on screen. Only necessary when the underlying rendering algorithm won't auto-detect, such as when UI is derived from the state of other components or outside of the directly queried props. Interpretation depends on the renderer selected: The ident-optimized render treats these as "extras".
  • :only-refresh - Vector of idents/keywords. If the underlying rendering configured algorithm supports it: The components using these are the only things that will be refreshed in the UI. This can be used to avoid the overhead of looking for stale data when you know exactly what you want to refresh on screen as an extra optimization. Idents are not checked against queries.
  • :abort-id - An ID (you make up) that makes it possible (if the plugins you're using support it) to cancel the network portion of the transaction (assuming it has not already completed).
  • :compressible? - boolean. Check compressible-transact! docs.
  • :synchronous? - boolean. When turned on the transaction will run immediately on the calling thread. If run against a component then the props will be immediately tunneled back to the calling component, allowing for React (raw) input event handlers to behave as described in standard React Forms docs (uses setState behind the scenes). Any remote operations will still be queued as normal. Calling transact!! is a shorthand for this option. WARNING: ONLY the given component will be refreshed in the UI. If you have dependent data elsewhere in the UI you must either use transact! or schedule your own global render using app/schedule-render!.
  • :after-render? - Wait until the next render completes before allowing this transaction to run. This can be used when calling transact! from within another mutation to ensure that the effects of the current mutation finish before this transaction takes control of the CPU. This option defaults to false, but defmutation causes it to be set to true for any transactions run within mutation action sections. You can affect the default for this value in a dynamic scope by binding *after-render* to true
  • :parallel? - Boolean. If true, the mutation(s) in the transaction will NOT go into a network queue, nor will it block later mutations or queries.

NOTE: This function calls the application's tx! function (which is configurable). Fulcro 2 'follow-on reads' are supported by the default version and are added to the :refresh entries. Your choice of rendering algorithm will influence their necessity.

Returns the transaction ID of the submitted transaction.

Submit a transaction for processing.

The underlying transaction system is pluggable, but the *default* supported options are:

- `:optimistic?` - boolean. Should the transaction be processed optimistically?
- `:ref` - ident. The ident of the component used to submit this transaction. This is set automatically if you use a component to call this function.
- `:component` - React element. Set automatically if you call this function using a component.
- `:refresh` - Vector containing idents (of components) and keywords (of props). Things that have changed and should be re-rendered
  on screen. Only necessary when the underlying rendering algorithm won't auto-detect, such as when UI is derived from the
  state of other components or outside of the directly queried props. Interpretation depends on the renderer selected:
  The ident-optimized render treats these as "extras".
- `:only-refresh` - Vector of idents/keywords.  If the underlying rendering configured algorithm supports it: The
  components using these are the *only* things that will be refreshed in the UI.
  This can be used to avoid the overhead of looking for stale data when you know exactly what
  you want to refresh on screen as an extra optimization. Idents are *not* checked against queries.
- `:abort-id` - An ID (you make up) that makes it possible (if the plugins you're using support it) to cancel
  the network portion of the transaction (assuming it has not already completed).
- `:compressible?` - boolean. Check compressible-transact! docs.
- `:synchronous?` - boolean. When turned on the transaction will run immediately on the calling thread. If run against
a component then the props will be immediately tunneled back to the calling component, allowing for React (raw) input
event handlers to behave as described in standard React Forms docs (uses setState behind the scenes). Any remote operations
will still be queued as normal. Calling `transact!!` is a shorthand for this option. WARNING: ONLY the given component will
be refreshed in the UI. If you have dependent data elsewhere in the UI you must either use `transact!` or schedule
your own global render using `app/schedule-render!`.
- `:after-render?` - Wait until the next render completes before allowing this transaction to run. This can be used
when calling `transact!` from *within* another mutation to ensure that the effects of the current mutation finish
before this transaction takes control of the CPU. This option defaults to `false`, but `defmutation` causes it to
be set to true for any transactions run within mutation action sections. You can affect the default for this value
in a dynamic scope by binding `*after-render*` to true
- `:parallel?` - Boolean. If true, the mutation(s) in the transaction will NOT go into a network queue, nor
  will it block later mutations or queries.


NOTE: This function calls the application's `tx!` function (which is configurable). Fulcro 2 'follow-on reads' are
supported by the default version and are added to the `:refresh` entries. Your choice of rendering algorithm will
influence their necessity.

Returns the transaction ID of the submitted transaction.
sourceraw docstring

transact!!clj/s

(transact!! component tx)
(transact!! component tx options)

Shorthand for exactly (transact! component tx (merge options {:synchronous? true})).

Runs a synchronous transaction, which is an optimized mode where the optimistic behaviors of the mutations in the transaction run on the calling thread, and new props are immediately made available to the calling component via "props tunneling" (a behind-the-scenes mechanism using js/setState).

This mode is meant to be used in form input event handlers, since React is designed to only work properly with raw DOM inputs via component-local state. This prevents things like the cursor jumping to the end of inputs unexpectedly.

WARNING: Using an app instead of a component in synchronous transactions makes no sense. You must pass a component that has an ident.

If you're using this, you can also set the compiler option:

:compiler-options {:external-config {:fulcro     {:wrap-inputs? false}}}

to turn off Fulcro DOM's generation of wrapped inputs (which try to solve this problem in a less-effective way).

WARNING: Synchronous rendering does not refresh the full UI, only the component.

Shorthand for exactly `(transact! component tx (merge options {:synchronous? true}))`.

Runs a synchronous transaction, which is an optimized mode where the optimistic behaviors of the mutations in the
transaction run on the calling thread, and new props are immediately made available to the calling component via
"props tunneling" (a behind-the-scenes mechanism using js/setState).

This mode is meant to be used in form input event handlers, since React is designed to only work properly with
raw DOM inputs via component-local state. This prevents things like the cursor jumping to the end of inputs
unexpectedly.

WARNING: Using an `app` instead of a component in synchronous transactions makes no sense. You must pass a component
that has an ident.

If you're using this, you can also set the compiler option:

```
:compiler-options {:external-config {:fulcro     {:wrap-inputs? false}}}
```

to turn off Fulcro DOM's generation of wrapped inputs (which try to solve this problem in a less-effective way).

WARNING: Synchronous rendering does *not* refresh the full UI, only the component.
sourceraw docstring

cljdoc is a website building & hosting documentation for Clojure/Script libraries

× close