Module ReactEcs

The module react-ecs is exposed by the sdk in the /react-ecs path.

UI components and semantics for the SDK 7.

JSX & Flexbox is used due to its market adoption and availability of implementations and documentation and expertise.

Example

import ReactEcs, { Label, ReactEcsRenderer } from '@dcl/sdk/react-ecs'
const Ui = () => <Label value="SDK 7" />
ReactEcsRenderer.setUiRenderer(ui)

Go to the Function section to see all the UI Components.

Functions -

scaleFontSize

Functions - Component

Button Dropdown Input Label UiEntity

Variables

ReactEcsRenderer

Interfaces

EcsElements EntityPropTypes Position ReactBasedUiSystem ReactElement UiAvatarTexture UiBackgroundProps UiButtonProps UiDropdownProps UiInputProps UiLabelProps UiTransformProps

Type Aliases

AlignType Callback Children DisplayType EntityComponents FlexDirectionType FlexWrapType JSXElementConstructor JustifyType Key Listeners OverflowType PointerFilterType PositionShorthand PositionType PositionUnit ScaleContext ScaleUnit ScaleUnits TextAlignType TextureFilterType TextureMode TextureWrapType UiComponent UiFontType UiTextWrapType UiTexture

Namespaces

ReactEcs

References

default

References

default

Renames and re-exports ReactEcs

Settings

Member Visibility

Theme