From 523bc5237480e63bc5ca086af959607f7066a74d Mon Sep 17 00:00:00 2001 From: Simon MacDonald Date: Sun, 25 Feb 2024 22:18:14 -0500 Subject: [PATCH] Update app/docs/md/conventions/components.md Co-authored-by: Cole Peters --- app/docs/md/conventions/components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/docs/md/conventions/components.md b/app/docs/md/conventions/components.md index 829ccc75..3b3c6818 100644 --- a/app/docs/md/conventions/components.md +++ b/app/docs/md/conventions/components.md @@ -4,7 +4,7 @@ title: Components When building UI elements for Enhance applications, we recommend starting with [Elements](/docs/elements). Elements are the perfect solution when you need server side rendering and don't require client side interactivity. We find that most applications are composed with a majority of strictly presentational components, and authoring that code with client side JavaScript can be counterproductive. -When you need to provide client side interactivity Components are what to reach for. They wrap your HTML, CSS and JavaScript in a portable web component. They are portable since these components can render themselves client side outside of Enhance applications. However, when they are included in an Enhance application they gain the super power of being rendered on the server and then hydrate themselves on the client. Components live in the `app/components/` folder in Enhance projects. +When you need to provide client side interactivity, Components are what to reach for. They wrap your HTML, CSS and JavaScript in a portable web component. They are ‘portable’ because these components can render themselves client side outside of Enhance applications. However, when they are used in an Enhance application, they gain the super power of being rendered on the server and then hydrating themselves on the client. Components live in the `app/components/` folder in Enhance projects. ## Lifecycle