Meetup 4 notes and next meetup announcement

blog/2024-05-19-continuing-dream-webserver-and-whats-next.md

@@ -0,0 +1,29 @@
+---
+slug: dream-webserver-and-whats-next
+title: "Meetup 4: Continuing Dream Web Server development"
+authors: [prometheansacrifice]
+---
+
+I led the session today. We managed to,
+
+1. We'll be replace the hello world html printing router in from [the last session on Dream](https://reason-bangalore.org/blog/meetup-2-and-ann-next-meetup), with a server side rendered Hello World react component.
+2. Replace the hello world component with a simple click counter
+3. Setup frontend stack: the react component in the previous step will be compiled to JS with Melange and bundled with Webpack.
+4. See React component hydration at work from a natively compiled website that rendered the react component
+
+We were joined by organisers of two other communities, [Anupam](https://functional.cafe/@haskman) from [Functional Programming, India](https://x.com/functionalindia) and svs from [The Engineering Org](https://discord.gg/7HngyZWuJq)
+
+
+## Next meetup: May 26th, 2pm.
+
+We learn how Melange compiler works with a build system to generate JS artifacts. We see how [webpack-reason-loader](https://github.com/DiningPhilosophersCo/reason-loader) was built and try to integrate it with this website [here](/mdn-canvas-tutorial)
+ You can find the code repository on [Github org](https://github.com/ReasonIndia/reason-bangalore.github.io). You
+can reach out me on X at [@ManasJayanth](https://x.com/ManasJayanth) if you have any trouble. I recommend you set it up and install the dependencies to save time during the call :)
+
+Please reach out to us on Discord if you're lost setting up the tools.
+
+## Stay in touch with us

+
+Twitter: https://twitter.com/ReasonBangalore
+
+Discord: https://discord.com/invite/RamP7SCKcU

src/pages/index.js

@@ -21,7 +21,7 @@ export default function Home() {
               Bengaluru's very own Reason/OCaml community
             </p>
             <h2 className="rb-light my-4">is meeting up (virtually) next on</h2>
-            <h3 className="rb-date">May 19, 2024</h3>
+            <h3 className="rb-date">May 26, 2024</h3>
             <h2 className="rb-light my-4">at</h2>
             <section className="rb-address">
               <h3> Google Meet </h3>