Module

Yoga.React.DOM.Client

Package: purescript-yoga-react-dom
Repository: rowtype-yoga/purescript-yoga-react-dom

#ReactRoot Source

data ReactRoot

#createRoot Source

createRoot :: Element -> Effect ReactRoot

Create a React root for the supplied container and return the root. The root can be used to render a React element into the DOM with render. Replaces ReactDOM.render when the .render method is called and enables Concurrent Mode.

#hydrateRoot Source

hydrateRoot :: Element -> JSX -> Effect ReactRoot

Same as createRoot, but is used to hydrate a container whose HTML contents were rendered by ReactDOMServer. React will attempt to attach event listeners to the existing markup.

#renderRoot Source

renderRoot :: ReactRoot -> JSX -> Effect Unit

Render children in ReactRoot

#unmountRoot Source

unmountRoot :: ReactRoot -> Effect Unit

Unmount the react root

Modules: Yoga.React.DOM; Yoga.React.DOM.Attributes; Yoga.React.DOM.Attributes.AutoCapitalize; Yoga.React.DOM.Attributes.Dir; Yoga.React.DOM.Attributes.InputMode; Yoga.React.DOM.Attributes.Target; Yoga.React.DOM.Attributes.YesOrNo; Yoga.React.DOM.Client; Yoga.React.DOM.Event; Yoga.React.DOM.HTML; Yoga.React.DOM.HTML.A; Yoga.React.DOM.HTML.Abbr; Yoga.React.DOM.HTML.Address; Yoga.React.DOM.HTML.Area; Yoga.React.DOM.HTML.Article; Yoga.React.DOM.HTML.Aside; Yoga.React.DOM.HTML.Audio; Yoga.React.DOM.HTML.B; Yoga.React.DOM.HTML.Base; Yoga.React.DOM.HTML.Bdi; Yoga.React.DOM.HTML.Bdo; Yoga.React.DOM.HTML.Blockquote; Yoga.React.DOM.HTML.Body; Yoga.React.DOM.HTML.Br; Yoga.React.DOM.HTML.Button; Yoga.React.DOM.HTML.Canvas; Yoga.React.DOM.HTML.Caption; Yoga.React.DOM.HTML.Cite; Yoga.React.DOM.HTML.Code; Yoga.React.DOM.HTML.Col; Yoga.React.DOM.HTML.ColGroup; Yoga.React.DOM.HTML.Data; Yoga.React.DOM.HTML.DataList; Yoga.React.DOM.HTML.Dd; Yoga.React.DOM.HTML.Del; Yoga.React.DOM.HTML.Details; Yoga.React.DOM.HTML.Dfn; Yoga.React.DOM.HTML.Dialog; Yoga.React.DOM.HTML.Div; Yoga.React.DOM.HTML.Dl; Yoga.React.DOM.HTML.Dt; Yoga.React.DOM.HTML.Em; Yoga.React.DOM.HTML.Embed; Yoga.React.DOM.HTML.FieldSet; Yoga.React.DOM.HTML.Figcaption; Yoga.React.DOM.HTML.Figure; Yoga.React.DOM.HTML.Footer; Yoga.React.DOM.HTML.Form; Yoga.React.DOM.HTML.H; Yoga.React.DOM.HTML.HTML; Yoga.React.DOM.HTML.Head; Yoga.React.DOM.HTML.Header; Yoga.React.DOM.HTML.Hr; Yoga.React.DOM.HTML.I; Yoga.React.DOM.HTML.IFrame; Yoga.React.DOM.HTML.Img; Yoga.React.DOM.HTML.Input; Yoga.React.DOM.HTML.Kbd; Yoga.React.DOM.HTML.Label; Yoga.React.DOM.HTML.Legend; Yoga.React.DOM.HTML.Li; Yoga.React.DOM.HTML.Link; Yoga.React.DOM.HTML.Main; Yoga.React.DOM.HTML.Map; Yoga.React.DOM.HTML.Mark; Yoga.React.DOM.HTML.Menu; Yoga.React.DOM.HTML.Meta; Yoga.React.DOM.HTML.Meter; Yoga.React.DOM.HTML.Nav; Yoga.React.DOM.HTML.NoScript; Yoga.React.DOM.HTML.Object; Yoga.React.DOM.HTML.Ol; Yoga.React.DOM.HTML.Optgroup; Yoga.React.DOM.HTML.Option; Yoga.React.DOM.HTML.Output; Yoga.React.DOM.HTML.P; Yoga.React.DOM.HTML.Param; Yoga.React.DOM.HTML.Picture; Yoga.React.DOM.HTML.Pre; Yoga.React.DOM.HTML.Progress; Yoga.React.DOM.HTML.Q; Yoga.React.DOM.HTML.Rp; Yoga.React.DOM.HTML.Rt; Yoga.React.DOM.HTML.Ruby; Yoga.React.DOM.HTML.S; Yoga.React.DOM.HTML.Samp; Yoga.React.DOM.HTML.Script; Yoga.React.DOM.HTML.Section; Yoga.React.DOM.HTML.Select; Yoga.React.DOM.HTML.Small; Yoga.React.DOM.HTML.Source; Yoga.React.DOM.HTML.Span; Yoga.React.DOM.HTML.Strong; Yoga.React.DOM.HTML.Style; Yoga.React.DOM.HTML.Sub; Yoga.React.DOM.HTML.Summary; Yoga.React.DOM.HTML.Sup; Yoga.React.DOM.HTML.Table; Yoga.React.DOM.HTML.Tbody; Yoga.React.DOM.HTML.Td; Yoga.React.DOM.HTML.Template; Yoga.React.DOM.HTML.Textarea; Yoga.React.DOM.HTML.Tfoot; Yoga.React.DOM.HTML.Th; Yoga.React.DOM.HTML.Thead; Yoga.React.DOM.HTML.Time; Yoga.React.DOM.HTML.Title; Yoga.React.DOM.HTML.Tr; Yoga.React.DOM.HTML.Track; Yoga.React.DOM.HTML.U; Yoga.React.DOM.HTML.Ul; Yoga.React.DOM.HTML.Var; Yoga.React.DOM.HTML.Video; Yoga.React.DOM.HTML.Wbr; Yoga.React.DOM.Handler; Yoga.React.DOM.Internal; Yoga.React.DOM.Server