[codecraft] Javascript application patterns

Michael Bar-Sinai mich.barsinai at icloud.com
Wed Jan 4 03:23:09 EST 2023


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 <philipdurbin at gmail.com> 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: <http://or8.net/pipermail/codecraft/attachments/20230104/3b93fc1c/attachment.html>


More information about the codecraft mailing list