From mich.barsinai at icloud.com Wed Jan 4 03:23:09 2023 From: mich.barsinai at icloud.com (Michael Bar-Sinai) Date: Wed, 4 Jan 2023 10:23:09 +0200 Subject: [codecraft] Javascript application patterns In-Reply-To: References: Message-ID: <6DA323FE-36DC-4790-B04B-783BC2907469@icloud.com> Crazy amount indeed. As long as they all reside in /cgi-bin/ and based on Perl, I'm happy :-P > On 13 Dec 2022, at 3:41, Philip Durbin wrote: > > Today I listened to [Syntax 548][], titled "Rendering Methods Explained", which covered a question in the [State of JS][] survey that asks, "Which of the following architecture and rendering patterns have you used in the last year?" > > The survey is ongoing but an [issue][] and a [localization file][] show the following options: > > - Single Page Application (SPA): Apps that run entirely in the browser > - Multi-Page Application (MPA): Apps that run entirely on the server, with minimal client-side dynamic behavior > - Static Site Generation (SSG): Pre-rendered static content, with or without a client-side dynamic element > - Server-Side Rendering (SSR): Dynamically rendering HTML content on the server before rehydrating it on the client > - Partial Hydration: Only hydrating some of your components on the client (e.g. React Server Components) > - Progressive Hydration: Controlling the order of component hydration on the client > - Islands Architecture: Isolated islands of dynamic behavior with multiple entry points in an otherwise static site (Astro, Eleventy) > - Progressive Enhancement: Making sure an app is functional even without JavaScript > - Incremental Static Generation: Being able to dynamically augment or modify a static site even after the initial build (Next.js ISR, Gatsby DSG) > - Streaming SSR: Breaking down server-rendered content in smaller streamed chunks > - Resumability: Serializing framework state on the server so the client can resume execution with no duplicated code execution. > - Edge Rendering: Altering rendered HTML at the edge before sending it on to the client > > Phew! Quite a list! > > [Syntax 548]: https://syntax.fm/show/548/rendering-methods-explained > [State of JS]: https://stateofjs.com/en-us/ > [issue]: https://github.com/Devographics/surveys/issues/56 > [localization file]: https://github.com/Devographics/locale-en-US/blob/d496d90e67b5dd9e5062a24a51b8a154e8716b76/state_of_js.yml#L329-L378 > _______________________________________________ > codecraft mailing list > codecraft at or8.net > http://or8.net/mailman/listinfo/codecraft -------------- next part -------------- An HTML attachment was scrubbed... URL: