# shows Published articles for shows. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Understanding Composition and Side Effects DevFeed: [Understanding Composition and Side Effects]() Original publisher: [Read original article]() Author: Manideep Polireddi Published: 2022-04-01T18:00:00Z Content type: tutorial Language: en Sources: [@okmanideep]() Topics: [Jetpack Compose](), [ui](), [Framework]() Tags: [declarative](), [functions](), [jetpack-compose](), [order](), [shows](), [ui]() ### AI overview A tutorial on how Jetpack Compose invokes declared functions and manages side effects during composition. It explains execution and disposal order, including LIFO disposal, transitions between incoming and outgoing side effects, and behavior when animated changes delay disposal. ### Source excerpt Important aspect to any framework that relies on functions is to understand when they are invoked. Read along to get a crystal clear understanding ## Vite.js Next Generation Frontend Tooling + Craft CMS DevFeed: [Vite.js Next Generation Frontend Tooling + Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2021-05-05T00:51:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Vite](), [Front end](), [JavaScript](), [Tooling](), [Content Management System]() Tags: [article](), [cms](), [combines](), [craft](), [frontend](), [generation](), [how-to](), [integrate](), [javascript](), [modern](), [shows](), [simplicity](), [speed](), [tooling](), [vite](), [vite-js]() ### AI overview A tutorial on integrating Vite.js frontend tooling with Craft CMS. It explains Vite.js's speed and simplicity, compares its build workflow with webpack, and describes plugin installation and configuration for a server-rendered Craft CMS project. ### Source excerpt Vite.js is next generation frontend tooling for modern JavaScript that combines speed with simplicity. This article shows you how to integrate Vite.js with Craft CMS ## How Dutch COVID-19 Case Growth Changes as More Onset Data Arrives DevFeed: [How Dutch COVID-19 Case Growth Changes as More Onset Data Arrives]() Original publisher: [Read original article]() Published: 2020-11-12T13:23:24Z Content type: article Language: en Sources: [Bert Hubert's writings]() Topics: [data](), [Latency]() Tags: [covid-19](), [data](), [growth](), [latency](), [shows]() ### AI overview An analysis of Dutch COVID-19 case data uses the date of symptom onset to examine daily growth. Because reports arrive after symptoms begin, recent growth estimates can change as more testing data is added. An animation shows how the estimates develop over time using seven-day-smoothed positive test numbers. ### Source excerpt Don't take this too seriously. As part of my coping mechanisms, I try to understand the latest (Dutch) COVID-19 figures. I documented where to get the raw data and what they mean in an earlier post. Please note I am not trying to make any kind of point with this data, not positive, not negative. I have no agenda, please do not read this as me trying to argue things aren't that bad or that they are terrible. ## Implementing Critical CSS on your website DevFeed: [Implementing Critical CSS on your website]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-02-28T21:34:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [modern web development](), [Web Development](), [Front end](), [inlining](), [render](), [Website]() Tags: [article](), [browser](), [critical](), [development](), [essential](), [frontend](), [how-to](), [implementing](), [inlining](), [insights](), [modern](), [modern-web-development](), [performant](), [render](), [shows](), [website]() ### AI overview This tutorial explains Critical CSS, a method for extracting the CSS needed for above-the-fold content and inlining it so the browser can render the page immediately. It presents the technique as part of building performant websites. ### Source excerpt Implementing Critical CSS is an essential part of modern website development, this article shows you how to do it ## Post-Mortem: Applied Image Optimization DevFeed: [Post-Mortem: Applied Image Optimization]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2016-12-07T18:11:00Z Content type: article Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Optimization](), [Image](), [Website](), [benchmarking]() Tags: [applying](), [benchmarking](), [image](), [loading](), [optimization](), [performance](), [post-mortem](), [post-mortems](), [project](), [results](), [shows](), [speed](), [strategies](), [website]() ### AI overview This project post-mortem describes applying image optimization techniques to improve website loading performance. Lazy-loading below-the-fold images, responsive server-side image processing, progressive JPEGs, and HTTP/2 reduced load time from 107.8 seconds to 2.8 seconds, Start Render from 29.8 seconds to 1.4 seconds, and Visually Complete from 35.5 seconds to 1.7 seconds. ### Source excerpt This project post-mortem shows the results of applying image optimization strategies to speed up the loading of a website