dart_node_react library

External Documentation

React bindings for Dart

Extension Types

AElement

Anchor element type

ButtonElement

Button element type

DivElement

Div element type

Document

Document global object

FooterElement

Footer element type

H1Element

H1 heading element type

H2Element

H2 heading element type

HeaderElement

Header element type

ImgElement

Image element type

InputElement

Input element type

LiElement

List item element type

MainElement

Main element type

PElement

Paragraph element type

React

React global object

ReactDOM

ReactDOM global object

ReactElement

Base type for all React elements - provides type safety over raw JSObject

ReactRoot

React root for rendering

SpanElement

Span element type

UlElement

Unordered list element type

Functions

a({required String href, required String text, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → AElement

Create an a (anchor) element

button({required String text, void onClick()?, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → ButtonElement

Create a button element

convertStyle(Map<String, dynamic> style) → JSObject

Convert style map to JSObject for React inline styles Numeric values get 'px' suffix for size-related properties

createElement(JSAny type, [JSObject? props, JSAny? children]) → ReactElement

Create a React element (convenience wrapper)

createElementWithChildren(JSAny type, JSObject? props, List<JSAny> children) → ReactElement

Create a React element with multiple children using spread

createProps(Map<String, dynamic> props) → JSObject

Create props object from a Map (with function conversion)

div({Map<String, dynamic>? props, Map<String, dynamic>? style, List<ReactElement>? children, String? className, ReactElement? child}) → DivElement

Create a div element

Create a footer element

h1(String text, {Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → H1Element

Create an h1 element

h2(String text, {Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → H2Element

Create an h2 element

Create a header element

img({required String src, String? alt, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → ImgElement

Create an img element

input({String? type, String? value, String? placeholder, void onChange(JSAny)?, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → InputElement

Create an input element

li(String text, {Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → LiElement

Create a li element

mainEl({List<ReactElement>? children, ReactElement? child, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → MainElement

Create a main element

pEl(String text, {Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → PElement

Create a p element

span(String text, {Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → SpanElement

Create a span element

ul({List<LiElement>? children, Map<String, dynamic>? props, Map<String, dynamic>? style, String? className}) → UlElement

Create a ul element

useCallback(JSFunction callback, JSArray<JSAny?> deps) → JSFunction

useCallback hook

useEffect(JSFunction effect, [JSArray<JSAny?>? deps]) → void

useEffect hook

useMemo(JSFunction factory, JSArray<JSAny?> deps) → JSAny?

useMemo hook

useRef(JSAny? initialValue) → JSObject

useRef hook

useState(JSAny? initialValue) → (JSAny?, JSFunction)

useState hook - returns (value, setter)