You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ux.symfony.com/cookbook/component_architecture.md
+7-5Lines changed: 7 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -3,19 +3,19 @@ title: Component architecture
3
3
description: Rules and pattern to work with components
4
4
image: images/cookbook/component-architecture.png
5
5
tags:
6
-
- javascript
7
-
- symfony
6
+
- JavaScript
7
+
- Symfony
8
8
author: Mathéo Daninos
9
9
published_at: '2024-08-02'
10
10
---
11
11
12
12
## Introduction
13
13
14
-
In SymfonyUX exist two packages: [TwigComponents](https://symfony.com/bundles/ux-twig-component/current/index.html) and [LiveComponent](https://symfony.com/bundles/ux-live-component/current/index.html).
14
+
In Symfony UX exist two packages: [TwigComponents](https://symfony.com/bundles/ux-twig-component/current/index.html) and [LiveComponent](https://symfony.com/bundles/ux-live-component/current/index.html).
15
15
Those two packages allow you to create reusable components in your Symfony application.
16
16
But the component architecture is not exclusive to Symfony, it's a design pattern that can be applied to any programming language or framework.
17
17
And the js world already implement this architecture for long time, on many different frameworks like React, Vue, or Svelte.
18
-
So, a set of rules and pattern has already be defined to work with components. This is why SymfonyUX try to be as close as possible to those rules.
18
+
So, a set of rules and pattern has already be defined to work with components. This is why Symfony UX try to be as close as possible to those rules.
19
19
So let's see what are those rules!
20
20
21
21
## 4 Rules
@@ -119,7 +119,7 @@ And when the loading is done, the state `loading` can be set to `false` and the
119
119
120
120
***How does it work into Symfony?***
121
121
122
-
In symfony you 2 different approach to handle state. The first one is to use stimulus directly
122
+
In Symfony you 2 different approach to handle state. The first one is to use stimulus directly
123
123
in to your component. What we recommend to do is to set a controller stimulus at the root of your component.
0 commit comments