uix.core — com.pitch/core 1.0.0

Public API

$ clj/s macro

($ tag)

($ tag props & children)

Creates React element

DOM element: ($ :button#id.class {:on-click handle-click} "click me") React component: ($ title-bar {:title "Title"})

*current-component* cljs

as-react cljs

(as-react f)

Interop with React components. Takes UIx component function and returns same component wrapped into interop layer.

create-class cljs

(create-class {:keys [constructor getInitialState render componentDidMount
                      componentDidUpdate componentDidCatch shouldComponentUpdate
                      getSnapshotBeforeUpdate componentWillUnmount
                      childContextTypes contextTypes contextType
                      getDerivedStateFromProps getDerivedStateFromError
                      defaultProps displayName]
               :as fields})

Creates class based React component

create-context cljs

(create-context)

(create-context default-value)

Creates React Context with an optional default value

create-ref cljs

(create-ref)

Creates React's ref type object.

defui clj/s macro

(defui sym & fdecl)

Creates UIx component. Similar to defn, but doesn't support multi arity. A component should have a single argument of props.

glue-args cljs

(glue-args props)

jsfy-deps cljs

(jsfy-deps coll)

lazy cljs

(lazy f)

Like React.lazy, but supposed to be used with UIx components

memo cljs

(memo f)

(memo f should-update?)

Takes component f and optional comparator function should-update? that takes previous and next props of the component. Returns memoized f.

When should-update? is not provided uses default comparator that compares props with clojure.core/=

parse-sig clj

(parse-sig name fdecl)

source clj/s macro

(source sym)

Returns source string of UIx component

stringify-clojure-primitives cljs

(stringify-clojure-primitives v)

use-callback clj/s macro

(use-callback f deps)

Takes function f and required vector of dependencies, and returns memoized f.

See: https://reactjs.org/docs/hooks-reference.html#usecallback

use-context cljs

(use-context context)

Takes React context and returns its current value

use-effect clj/s macro

(use-effect f)

(use-effect f deps)

Takes a function to be executed in an effect and optional vector of dependencies.

See: https://reactjs.org/docs/hooks-reference.html#useeffect

use-imperative-handle clj/s macro

(use-imperative-handle ref f)

(use-imperative-handle ref f deps)

Customizes the instance value that is exposed to parent components when using ref.

See: https://reactjs.org/docs/hooks-reference.html#useimperativehandle

use-layout-effect clj/s macro

(use-layout-effect f)

(use-layout-effect f deps)

Takes a function to be executed in a layout effect and optional vector of dependencies.

See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect

use-memo clj/s macro

(use-memo f deps)

Takes function f and required vector of dependencies, and returns memoized result of f.

See: https://reactjs.org/docs/hooks-reference.html#usememo

use-reducer cljs

(use-reducer f value)

(use-reducer f value init-state)

An alternative to use-state. Accepts a reducer of type (state, action) => new-state, and returns the current state paired with a dispatch method.

See: https://reactjs.org/docs/hooks-reference.html#usereducer

use-ref cljs

(use-ref)

(use-ref value)

Takes optional initial value and returns React's ref hook wrapped in atom-like type.

use-state cljs

(use-state value)

Takes initial value or a function that computes it and returns a stateful value, and a function to update it.

See: https://reactjs.org/docs/hooks-reference.html#usestate

vector->js-array clj

(vector->js-array coll)