Sha256: 18836f178d93e13579667d202117f69540a68070208d56a4a12894c1fe0d5ac1
Contents?: true
Size: 1.8 KB
Versions: 29
Compression:
Stored size: 1.8 KB
Contents
module React
module FunctionComponent
module API
attr_accessor :props
def initialize(props)
@props = ::React::Component::Props.new(`{props: props}`)
end
def use_callback(deps, &block)
`Opal.global.React.useCallback(function() { #{block.call} }, deps)`
end
def use_context(context)
`(typeof context.$is_wrapped_context !== 'undefined')` ? context.to_n : context
`Opal.global.React.useContext(native_context)`
end
def use_debug_value(value)
`Opal.global.React.useDebugValue(value)`
end
def use_effect(&block)
`Opal.global.React.useEffect(function() { #{block.call} })`
end
def use_imperative_handle(ref, *deps, &block)
native_ref = `(typeof ref.$is_wrapped_ref !== 'undefined')` ? ref.to_n : ref
`Opal.global.React.useImperativeHandle(native_ref, function() { #{block.call} }, deps)`
end
def use_layout_effect(&block)
`Opal.global.React.useLayoutEffect(function() { #{block.call} })`
end
def use_memo(*deps, &block)
`Opal.global.React.useMemo(function() { #{block.call} }, deps)`
end
def use_reducer(inital_state, &block)
state = nil
dispatcher = nil
%x{
[state, dispatcher] = Opal.global.React.useReducer(function(state, action) {
#{block.call(state, action)}
}, initial_state);
}
[state, proc { |arg| `dispatcher(arg)` }]
end
def use_ref(initial_value)
React::Ref.new(`Opal.global.React.useRef(initial_value)`)
end
def use_state(initial_value)
initial = nil
setter = nil
`[initial, setter] = Opal.global.React.useState(initial_value);`
[initial, proc { |arg| `setter(arg)` }]
end
end
end
end
Version data entries
29 entries across 29 versions & 1 rubygems