announcements

Project/library announcements ONLY - use threaded replies for discussions. Do not cross post here from other channels. Consider #events or #news-and-articles for other announcements.
2021-06-09T20:59:11.169700Z

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

👍 5
5
👀 2
2
👌 6
tatut 2021-06-10T07:47:57.173Z

really nice

2021-06-10T08:20:14.173200Z

Thanks @tatut!

tatut 2021-06-10T09:22:39.173600Z

<body class="font-sans leading-none text-gray-700 antialiased">
    <div data-page="{"component":"Organizations/Index","props":{"organizations":{"data":[{"postal_code":"18808-dfgf","address":"36196 Fritz Plaza Suite 984","email":"mklein@toy.com","deleted_at":null,"...
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 limit

2021-06-10T10:06:52.173800Z

Exactly, no limiit. However to take into consideration, the browser history state limit even if it is wide: https://inertiajs.com/responses#maximum-response-size

2021-06-10T10:13:42.174Z

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. 🙂

2021-06-10T10:14:12.174200Z

The SSR demo: https://ssr-demo.inertiajs.com/

tatut 2021-06-10T10:18:20.174600Z

that’s running React on the backend to render it, I assume

2021-06-10T10:39:53.174900Z

Yes, there is also solutions for Vue and Svelte too. https://inertiajs.com/server-side-rendering

2021-06-10T15:40:13.189Z

@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)

rakyi 2021-06-10T15:56:56.189500Z

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.

2021-06-10T18:39:29.190400Z

Inertia is not responsible and therefore has no impact on the CSS.

2021-06-10T18:43:46.190600Z

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.2https://bundlephobia.com/package/@inertiajs/inertia-react@0.6.2

🙏 1