Skip to content

Commit 61b3d8d

Browse files
committed
fix react ssr example
1 parent b4a8e23 commit 61b3d8d

File tree

2 files changed

+16
-26
lines changed

2 files changed

+16
-26
lines changed

example/js4clj/server.clj

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,36 +3,37 @@
33
[hiccup.util :refer [raw-string]]
44
[net.coruscation.js4clj.require :refer [require-js]]
55
[js4clj.components :as comps]
6+
[js4clj.react-wrapper :as wrapper]
67
[ring.adapter.jetty :as jetty]
78
[ring.middleware.file :refer [wrap-file]]))
89

910
(require-js '["react-dom/client" :as dom-client])
1011
(require-js '["react" :as react])
1112
;; I know it doesn't look like the brightest idea
12-
(require-js '["./node_modules/react-dom/cjs/react-dom-server-legacy.browser.production.js" :as dom-server])
13+
(require-js '["./node_modules/react-dom/cjs/react-dom-server-legacy.browser.development.js" :as dom-server])
1314

1415
(defn template [content]
1516
(str
1617
"<!DOCTYPE html>"
1718
(h/html
18-
[:html.no-js {:lang "en"}
19-
[:head
20-
[:meta {:charset "utf-8"}]
21-
[:meta {:http-equiv "x-ua-compatible" :content "ie=edge"}]
22-
[:meta {:name "description" :content ""}]
23-
[:meta {:name "viewport" :content "width=device-width, initial-scale=1"}]
24-
[:title "Title"]
25-
[:link {:rel "preconnect", :href "https://fonts.googleapis.com"}]
26-
#_[:link {:rel "stylesheet" :href (str "/main.css?v=" (System/currentTimeMillis))}]]
27-
[:body
28-
[:div#root (raw-string content)]
29-
[:script (raw-string "window.__js4clj_ssr = true")]
30-
[:script {:src "/js/main.js"}]]])))
19+
[:html.no-js {:lang "en"}
20+
[:head
21+
[:meta {:charset "utf-8"}]
22+
[:meta {:http-equiv "x-ua-compatible" :content "ie=edge"}]
23+
[:meta {:name "description" :content ""}]
24+
[:meta {:name "viewport" :content "width=device-width, initial-scale=1"}]
25+
[:title "Title"]
26+
[:link {:rel "preconnect", :href "https://fonts.googleapis.com"}]
27+
#_[:link {:rel "stylesheet" :href (str "/main.css?v=" (System/currentTimeMillis))}]]
28+
[:body
29+
[:div#root (raw-string content)]
30+
[:script (raw-string "window.__js4clj_ssr = true")]
31+
[:script {:src "/js/main.js"}]]])))
3132

3233
(defn home [request]
3334
{:status 200
3435
:headers {"Content-Type" "text/html"}
35-
:body (template (dom-server/renderToString (react/createElement comps/home)))})
36+
:body (template (dom-server/renderToString (wrapper/r comps/home)))})
3637

3738
(def handler (-> #'home
3839
(wrap-file "./public")))

public/index.html

Lines changed: 0 additions & 11 deletions
This file was deleted.

0 commit comments

Comments
 (0)