UNPKG

inferno-vnode-flags

Version:

Provides an enum of all possible VNode Flags used when calling Inferno.createVNode

github.com/infernojs/inferno

infernojs/inferno

58 lines (43 loc) • 2.02 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
# inferno-vnode-flags Inferno VNode Flags is a small utility library for [Inferno](https://github.com/infernojs/inferno). Usage of `inferno-vnode-flags` should be limited to assigning `VNodeFlags` and `ChildFlags` when using creating vNodes. ## Install ``` npm install --save inferno-vnode-flags ``` ## Contents **VNodeFlags:** - `VNodeFlags.HtmlElement` - `VNodeFlags.ComponentUnknown` - `VNodeFlags.ComponentClass` - `VNodeFlags.ComponentFunction` - `VNodeFlags.Text` - `VNodeFlags.SvgElement` - `VNodeFlags.InputElement` - `VNodeFlags.TextareaElement` - `VNodeFlags.SelectElement` - `VNodeFlags.Portal` - `VNodeFlags.ReCreate` (JSX **$ReCreate**) always re-creates the vNode - `VNodeFlags.ContentEditable` - `VNodeFlags.Fragment` - `VNodeFlags.InUse` - `VnodeFlags.ForwardRef` - `VNodeFlags.Normalized` **VNodeFlags Masks:** - `VNodeFlags.ForwardRefComponent` Functional component wrapped in forward ref - `VNodeFlags.FormElement` - Is form element - `VNodeFlags.Element` - Is vNode element - `VNodeFlags.Component` - Is vNode Component - `VNodeFlags.DOMRef` - Bit set when vNode holds DOM reference - `VNodeFlags.InUseOrNormalized` - VNode is used somewhere else or came from normalization process - `VNodeFlags.ClearInUseNormalized` - Opposite mask of InUse or Normalized **ChildFlags** - `ChildFlags.UnknownChildren` needs Normalization - `ChildFlags.HasInvalidChildren` is invalid (null, undefined, false, true) - `ChildFlags.HasVNodeChildren` (JSX **$HasVNodeChildren**) is single vNode (Element/Component) - `ChildFlags.HasNonKeyedChildren` (JSX **$HasNonKeyedChildren**) is Array of vNodes non keyed (no nesting, no holes) - `ChildFlags.HasKeyedChildren` (JSX **$HasKeyedChildren**) is Array of vNodes keyed (no nesting, no holes) - `ChildFlags.HasTextChildren` (JSX **$HasTextChildren**) vNode contains only text **ChildFlags Masks** - `ChildFlags.MultipleChildren` Is Array You can easily combine multiple flags, by using bitwise operators. A common use case is an element that has keyed children: