DEV Community

Arbaaz
Arbaaz

Posted on • Updated on • Originally published at arbaaz.io

How to append child to body with rescript

#rescript #dom #createelement #appendchild

Install bs-webapi

npm install --save bs-webapi
Enter fullscreen mode Exit fullscreen mode

Add the entry to bsconfig.json

"bs-dependencies": ["bs-webapi"],
Enter fullscreen mode Exit fullscreen mode

use the following snippet

open Webapi.Dom
open Belt

document
->Document.asHtmlDocument
->Option.flatMap(document => document->HtmlDocument.body)
->Option.map(body => {
  let root = document->Document.createElement("div", _)
  root->Element.setId("app")
  // ReactDOM.render(<App />, root) // if you are using react
  root->Element.appendChild(body)
})
->ignore
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

syed_mustafa_shaw profile image

Secure Your Cloud Credentials

Syed Mustafa Qamar -

minuscule_technologies_29 profile image

What challenges do companies face when integrating Salesforce with existing systems?

Minuscule Technologies -

adityabhuyan profile image

Why Docker is Essential for Modern Development Environments and Its Alternatives

Aditya Pratap Bhuyan -

as-jackson profile image

A Comparative Analysis between RK3588 and RK3576 Chips: Unveiling the Technological Distinctions

as-jackson -