That's it! The Reagent frontend of inertia Ping CRM Clojure / ClojureScript port is 100% done! • Online demo updated and it's very fluid: https://inertia.prestance-design.com • Complete backend + frontend source code: https://github.com/prestancedesign/pingcrm-clojure
really nice
Thanks @tatut!
<body class="font-sans leading-none text-gray-700 antialiased">
<div data-page="{&quot;component&quot;:&quot;Organizations/Index&quot;,&quot;props&quot;:{&quot;organizations&quot;:{&quot;data&quot;:[{&quot;postal_code&quot;:&quot;18808-dfgf&quot;,&quot;address&quot;:&quot;36196 Fritz Plaza Suite 984&quot;,&quot;email&quot;:&quot;mklein@toy.com&quot;,&quot;deleted_at&quot;:null,&quot;...
this was surprising to me, I would’ve thought that there is a length limit in data attributes, but apparently in html5 there is no limitExactly, no limiit. However to take into consideration, the browser history state limit even if it is wide: https://inertiajs.com/responses#maximum-response-size
Note that the server-side rendering is coming, it's only in early access for sponsors for the moment. I have access to it so it's the next step I'm going to have fun on. 🙂
The SSR demo: https://ssr-demo.inertiajs.com/
that’s running React on the backend to render it, I assume
Yes, there is also solutions for Vue and Svelte too. https://inertiajs.com/server-side-rendering
@rakyi > Although, 3.2 MB of CSS is a lot. FYI The repo contains now the PostCSS and Tailwind setup! The CSS size is drop to 7,22 Kb Gziped (27,46 Kb)
https://github.com/prestancedesign/pingcrm-clojure/commit/703bbb60d87303ea0b67c0b386c7e5dd347f88e0
Nice! Curious how much Inertia increases the JS (or CSS) bundle size by itself. Do you happen to know? Can’t find it in their docs.
Inertia is not responsible and therefore has no impact on the CSS.
Here, you can check a report build with npx shadow-cljs run shadow.cljs.build-report
: https://inertia.prestance-design.com/js/report.html
Compared to the values on this site, the bundle sizes match:
• https://bundlephobia.com/package/@inertiajs/inertia@0.9.2
• https://bundlephobia.com/package/@inertiajs/inertia-react@0.6.2