inferno-vnode-flags

inferno-vnode-flags

Inferno VNode Flags is a small utility library for 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: