Update README homomorphic -> isomorphic and documentation

Author: ghivert

README.md

@@ -16,8 +16,8 @@ components that just works.
 > launching into Redraw, you should take a look at Lustre, it provides a
 > user-friendly, awesome experience right out-of-the-box for every gleamlins!
 >
-> As a bonus, Lustre is homomorphic, i.e. it can be used as well on client and
-> on server with the same codebase!
+> As a bonus, Lustre is isomorphic, i.e. it can be used as well on client and on
+> server with the same codebase!
 >
 > Redraw assumes you have minimal knowledge on frontend development, and will
 > neither try to ease your learning curve nor simplify and hide the frontend
@@ -125,8 +125,8 @@ difference: wrap the component in `use <- redraw.component()`!
 
 ```gleam
 import redraw
-import redraw/attribute
-import redraw/html
+import redraw/dom/attribute
+import redraw/dom/html
 
 pub fn gleam_is_awesome() {
   use <- redraw.component__("GleamIsAwesome")
@@ -142,14 +142,14 @@ component_.
 
 ```gleam
 import redraw
-import redraw/attribute
-import redraw/html
-import redraw_dom/client
+import redraw/dom/attribute
+import redraw/dom/client
+import redraw/dom/html
 
 pub fn main() {
   let root = root()
-  client.create_root("root")
-  |> client.render(redraw.strict_mode([root()]))
+  let assert Ok(root) = client.create_root("root")
+  client.render(root, redraw.strict_mode([root()]))
 }
 
 fn root() {
@@ -190,7 +190,7 @@ pub type CounterProps {
 pub fn counter() {
   use props: CounterProps <- react.component_("Counter")
   html.button(
-    [h.on_click(fn(_) { props.set_count(fn(count) { count + 1 }) })],
+    [events.on_click(fn(_) { props.set_count(fn(count) { count + 1 }) })],
     [html.text("count is " <> int.to_string(props.count))],
   )
 }
@@ -204,7 +204,7 @@ pub type CounterProps = #(Int, fn(fn(Int) -> Int) -> Nil)
 pub fn counter() {
   use #(count, set_count): CounterProps <- react.component_("Counter")
   html.button(
-    [h.on_click(fn(_) { set_count(fn(count) { count + 1 }) })],
+    [events.on_click(fn(_) { set_count(fn(count) { count + 1 }) })],
     [html.text("count is " <> int.to_string(count))],
   )
 }
@@ -281,7 +281,7 @@ of optionals.
 ```gleam
 import gleam/option.{type Option}
 import redraw
-import redraw/html
+import redraw/dom/html
 
 // This type will be converted to correct JS props.
 pub type ExternalComponentProps {

redraw/src/redraw/event.gleam

@@ -2,13 +2,13 @@
 //// known as a “synthetic event”.
 ////
 //// ```gleam
-//// import redraw/element/html
-//// import redraw/handler
+//// import redraw/dom/events
+//// import redraw/dom/html
 ////
 //// pub fn render() {
 ////   html.button(
 ////     [
-////       handler.on_click(fn (event) {
+////       events.on_click(fn (event) {
 ////         io.debug(event) // React Event
 ////       })
 ////     ],
@@ -27,7 +27,7 @@
 //// future. If you need the underlying browser event for some reason, read it
 //// from `event.native_event(event)`.
 ////
-//// Every events have their implementation as `redraw/event/[event_name]`, and
+//// Every events have their implementation as `redraw/dom/event/[event_name]`, and
 //// their corresponding functions are implemented in those. Every time you need
 //// to use one of the functions defined here, use `to_event` from the
 //// corresponding module.

redraw_dom/manifest.toml

@@ -5,7 +5,7 @@ packages = [
   { name = "gleam_javascript", version = "0.13.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleam_javascript", source = "hex", outer_checksum = "F98328FCF573DA6F3A35D7F6CB3F9FF19FD5224CCBA9151FCBEAA0B983AF2F58" },
   { name = "gleam_stdlib", version = "0.51.0", build_tools = ["gleam"], requirements = [], otp_app = "gleam_stdlib", source = "hex", outer_checksum = "14AFA8D3DDD7045203D422715DBB822D1725992A31DF35A08D97389014B74B68" },
   { name = "gleeunit", version = "1.2.0", build_tools = ["gleam"], requirements = ["gleam_stdlib"], otp_app = "gleeunit", source = "hex", outer_checksum = "F7A7228925D3EE7D0813C922E062BFD6D7E9310F0BEE585D3A42F3307E3CFD13" },
-  { name = "redraw", version = "2.0.0", build_tools = ["gleam"], requirements = ["gleam_javascript", "gleam_stdlib"], otp_app = "redraw", source = "hex", outer_checksum = "56FE81C2AA3B230A3401F464719BD6DAEB5DB4AC7DC3070132D727D4382EA790" },
+  { name = "redraw", version = "2.0.0", build_tools = ["gleam"], requirements = ["gleam_javascript", "gleam_stdlib"], otp_app = "redraw", source = "hex", outer_checksum = "FF52D8626E1E6DC92EB8BC9DC8C70BC6F0E25824524A7C0658222EA406B5BE23" },
 ]
 
 [requirements]

redraw_dom/src/redraw/dom.gleam

@@ -9,8 +9,8 @@ import redraw.{type Component}
 ///
 /// ```gleam
 /// import redraw
-/// import redraw/html
 /// import redraw/dom/client
+/// import redraw/dom/html
 ///
 /// pub fn main() {
 ///   let assert Ok(root) = client.create_root("app")
@@ -43,6 +43,7 @@ pub fn create_portal(
 /// ```gleam
 /// import redraw
 /// import redraw/dom
+/// import redraw/dom/events
 ///
 /// type Action {
 ///   Increment
@@ -53,7 +54,7 @@ pub fn create_portal(
 ///   use <- redraw.component__()
 ///   let #(state, set_state) = redraw.set_state(0)
 ///   let on_click = fn(type_: Action) {
-///     handler.on_click(fn (event) {
+///     events.on_click(fn (event) {
 ///       // Calling flush_sync forces the DOM to refresh.
 ///       dom.flush_sync(fn () {
 ///         set_state(case type_ {