@@ -14,50 +14,15 @@ to build the chart in PHP. The JavaScript is handled for you automatically.
14
14
15
15
** That's Symfony UX.**
16
16
17
- [ Read all the details about the Symfony UX initiative] ( https://symfony.com/ux )
18
-
19
- Or watch the [ Stimulus Screencast on SymfonyCasts] ( https://symfonycasts.com/screencast/stimulus ) .
20
-
21
- ## Components of UX
22
-
23
17
Symfony UX leverages [ Stimulus] ( https://stimulus.hotwired.dev/ ) for JavaScript
24
18
and the [ Stimulus Bridge] ( https://github.com/symfony/stimulus-bridge ) for
25
19
integrating it into [ Webpack Encore] ( https://github.com/symfony/webpack-encore ) .
26
20
27
- ## Packages
28
-
29
- - [ UX Chart.js] ( https://symfony.com/bundles/ux-chartjs/current/index.html ) :
30
- [ Chart.js] ( https://www.chartjs.org/ ) chart library integration for Symfony
31
- - [ UX Cropper.js] ( https://symfony.com/bundles/ux-cropperjs/current/index.html ) :
32
- [ Cropper.js] ( https://fengyuanchen.github.io/cropperjs/ ) image cropper library integration for Symfony
33
- - [ UX Dropzone] ( https://symfony.com/bundles/ux-dropzone/current/index.html ) :
34
- File input drag-and-drop zones for Symfony Forms
35
- - [ UX LazyImage] ( https://symfony.com/bundles/ux-lazy-image/current/index.html ) :
36
- Improve image loading performances through lazy-loading and data-uri thumbnails
37
- - [ UX Swup] ( https://symfony.com/bundles/ux-swup/current/index.html ) :
38
- [ Swup] ( https://swup.js.org/ ) page transition library integration for Symfony
39
- - [ UX Turbo] ( https://symfony.com/bundles/ux-turbo/current/index.html ) : [ Hotwire Turbo] ( https://turbo.hotwired.dev/ ) library integration for Symfony
40
- - [ Twig Component] ( https://symfony.com/bundles/ux-twig-component/current/index.html ) :
41
- A system to build reusable "components" with Twig
42
- - [ Live Component] ( https://symfony.com/bundles/ux-live-component/current/index.html ) :
43
- Gives Twig Components a URL and a JavaScript library to automatically re-render via Ajax as your user interacts with it
44
-
45
- ## Stimulus Tools around the World
46
-
47
- Because Stimulus is used by developers outside of Symfony, many tools
48
- exist beyond the UX packages:
49
-
50
- - [ stimulus-use] ( https://github.com/stimulus-use/stimulus-use ) : Add composable
51
- behaviors to your Stimulus controllers, like [ debouncing] ( https://stimulus-use.github.io/stimulus-use/#/use-debounce ) ,
52
- [ detecting outside clicks] ( https://stimulus-use.github.io/stimulus-use/#/use-click-outside )
53
- and many other things. See: https://stimulus-use.github.io/stimulus-use/#/
21
+ ## Resources
54
22
55
- - [ stimulus-components] ( https://stimulus-components.netlify.app/ ) : A
56
- large number of pre-made Stimulus controllers, like for
57
- [ Copying to clipboard] ( https://stimulus-components.netlify.app/docs/components/stimulus-clipboard/ ) ,
58
- [ Sortable] ( https://stimulus-components.netlify.app/docs/components/stimulus-sortable/ ) ,
59
- [ Popover] ( https://stimulus-components.netlify.app/docs/components/stimulus-popover/ ) (similar to tooltips)
60
- and much more.
23
+ - [ Install Symfony UX] ( https://symfony.com/doc/current/frontend/ux.html ) .
24
+ - [ List of UX Packages] ( https://symfony.com/doc/current/frontend/ux.html#ux-packages-list ) .
25
+ - Watch the [ Stimulus Screencast on SymfonyCasts] ( https://symfonycasts.com/screencast/stimulus ) .
61
26
62
27
## Let's build an amazing ecosystem together
63
28
0 commit comments