6
6
Symfony UX: a new JavaScript ecosystem for Symfony
7
7
</h3 >
8
8
9
- Since its creation, JavaScript has always been focused on creating innovative User
10
- Experiences. It lets developers create the ** most intuitive and usable** User
11
- Experience possible for a specific problem.
12
-
13
- In practice however, building great User Experiences with JavaScript is difficult.
14
- It takes time to choose reliable packages, to configure them, to integrate them
15
- in your pages, and to make your front-end code interact with the rest of your
16
- infrastructure.
17
-
18
- This problem is not new: it looks a whole lot like the state of Symfony in PHP
19
- before Symfony Flex. We need a Symfony Flex equivalent for JavaScript: a tool to
20
- build amazing User Experiences as quickly as we can now setup
21
- [ an HTTP client] ( https://symfony.com/doc/current/http_client.html ) ,
22
- [ a Mailer] ( https://symfony.com/doc/current/mailer.html ) or
23
- [ an administration panel] ( https://symfony.com/doc/current/bundles/EasyAdminBundle/index.html ) .
9
+ Symfony UX is an initiative and set of libraries to seamlessly
10
+ integrate JavaScript tools into your application. For example,
11
+ want to render a chart with [ Chart.js] ( https://www.chartjs.org/ ) ? Use
12
+ [ UX Chart.js] ( https://github.com/symfony/ux-chartjs )
13
+ to build the chart in PHP. The JavaScript is handled for your automatically.
24
14
25
15
** That's Symfony UX.**
26
16
27
17
[ Read all the details about the Symfony UX initiative] ( https://symfony.com/ux )
28
18
29
- # Packages
19
+ ## Components of UX
20
+
21
+ Symfony UX leverages [ Stimulus] ( https://stimulus.hotwire.dev/ ) for JavaScript
22
+ and the [ Stimulus Bridge] ( https://github.com/symfony/stimulus-bridge ) for
23
+ integrating it into Webpack Encore.
24
+
25
+ ## Packages
30
26
31
27
- [ UX Chart.js] ( https://github.com/symfony/ux-chartjs ) :
32
28
[ Chart.js] ( https://www.chartjs.org/ ) chart library integration for Symfony
@@ -39,7 +35,24 @@ build amazing User Experiences as quickly as we can now setup
39
35
- [ UX Swup] ( https://github.com/symfony/ux-swup ) :
40
36
[ Swup] ( https://swup.js.org/ ) page transition library integration for Symfony
41
37
42
- # Let's build an amazing ecosystem together
38
+ ## Stimulus Tools around the World
39
+
40
+ Because Stimulus is used by developers outside of Symfony, many tools
41
+ exist beyond the UX packages:
42
+
43
+ - [ stimulus-use] ( https://github.com/stimulus-use/stimulus-use ) : Add composable
44
+ behaviors to your Stimulus controllers, like [ debouncing] ( https://stimulus-use.github.io/stimulus-use/#/use-debounce ) ,
45
+ [ detecting outside clicks] ( https://stimulus-use.github.io/stimulus-use/#/use-click-outside )
46
+ and many other things. See: https://stimulus-use.github.io/stimulus-use/#/
47
+
48
+ - [ stimulus-components] ( https://stimulus-components.netlify.app/docs/components/index/ ) : A
49
+ large number of pre-made Stimulus controllers, like for
50
+ [ Copying to clipboard] ( https://stimulus-components.netlify.app/docs/components/stimulus-clipboard/ ) ,
51
+ [ Sortable] ( https://stimulus-components.netlify.app/docs/components/stimulus-sortable/ ) ,
52
+ [ Popover] ( https://stimulus-components.netlify.app/docs/components/stimulus-popover/ ) (similar to tooltips)
53
+ and much more.
54
+
55
+ ## Let's build an amazing ecosystem together
43
56
44
57
Symfony UX is an ** initiative** : its aim is to build an ecosystem. To achieve this,
45
58
we need your help: what other packages could we create in Symfony UX? What about a
0 commit comments