Chapters

21 Chapters | 2:23:48 |

01

Hola Symfony

6:13
02

Conoce nuestra Diminuta App

5:13
03

Rutas, controladores y respuestas

8:24
04

Rutas comodín

7:46
05

Symfony Flex: Aliases, Paquetes y Recetas

8:50
06

Recetas Flex

7:51
07

Twig ❤️

6:05
08

Herencia Twig

8:02
09

Perfilador: Tu mejor amigo para la depuración

7:28
10

Activos, CSS, imágenes, etc

10:36
11

Generar Urls y bin/console

7:57
12

Ruta de la API JSON

4:58
13

Rutas inteligentes: Sólo GET y Validar {Comodines}

4:56
14

Objetos de servicio

5:38
15

El servicio Twig y el perfilador de peticiones de la API

6:04
16

Configuración de Webpack Encore

5:12
17

Empaquetar JS y CSS con Encore

6:05
18

Instalación de código de terceros en nuestro JS/CSS

5:51
19

Stimulus: Un JavaScript Sensato y Bonito

5:01
20

Ejemplo de Stimulus en el mundo real

8:50
21

Turbo: Supercarga tu aplicación

6:46

> Symfony 6 > Desarrollo Armonioso con Symfony 6

Buy Access to Course

19.

Stimulus: Un JavaScript Sensato y Bonito

|

|

Autoplay

Previous Chapter

Next Challenge

Login or register to check out the script

5 Comments

Sort By

Login or Register to join the conversation

lombervid 3 years ago edited

For those coming with recent versions of Symfony (mine is 6.3), Stimulus doesn't seem to be installed by default anymore with the symfony/webpack-encore-bundle package.

Instead you have to install it using:

composer require symfony/stimulus-bundle

And then run:

// or `yarn install`
npm install

to install the npm dependencies added to package.json

Reference: Stimulus & Symfony UX

Kind regards!

23 |

Robco lombervid 2 years ago

thx!

|

FriendlyDev lombervid 2 years ago

THX!

|

Tac-Tacelosky 3 years ago edited

Is there a way to use stimulus_controller twig function to render multiple controllers on an element?

I was looking at the ChartUX example, and there's support there for multiple controllers, internally renderChart checks for a data-controller attribute and renders both, but I'm wondering if stimulus_controller also support that.

In particular, I'm trying to follow the pattern of listening for events rather than extending a base controller.

|

sadikoff Tac-Tacelosky 3 years ago edited

Hey

Yeah you can pass an array of controllers to {{ stimulus_controller() }} however it's deprecated from symfony/webpack-encore-bundle:1.15.0

New way was introduced |stimulus_controller() filter... so new code will look:

<div
    {{ stimulus_controller('first_controller')|stimulus_controller('second_controller') }}
>
</div>

Cheers!

3 |

Symfony 6

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": ">=8.1",
        "ext-ctype": "*",
        "ext-iconv": "*",
        "symfony/asset": "6.0.*", // v6.0.3
        "symfony/console": "6.0.*", // v6.0.3
        "symfony/dotenv": "6.0.*", // v6.0.3
        "symfony/flex": "^2", // v2.4.5
        "symfony/framework-bundle": "6.0.*", // v6.0.4
        "symfony/monolog-bundle": "^3.0", // v3.7.1
        "symfony/runtime": "6.4.3", // v6.4.3
        "symfony/twig-bundle": "6.0.*", // v6.0.3
        "symfony/ux-turbo": "^2.0", // v2.0.1
        "symfony/webpack-encore-bundle": "^1.13", // v1.13.2
        "symfony/yaml": "6.0.*", // v6.0.3
        "twig/extra-bundle": "^2.12|^3.0", // v3.3.8
        "twig/twig": "^2.12|^3.0" // v3.3.8
    },
    "require-dev": {
        "symfony/debug-bundle": "6.0.*", // v6.0.3
        "symfony/stopwatch": "6.0.*", // v6.0.3
        "symfony/web-profiler-bundle": "6.0.*" // v6.0.3
    }
}

Previous Chapter

Next Challenge