Chapters

21 Chapters | 2:23:48 |

01

Hello Symfony

6:13
02

Meet our Tiny App

5:13
03

Routes, Controllers & Responses

8:24
04

Wildcard Routes

7:46
05

Symfony Flex: Aliases, Packs & Recipes

8:50
06

Flex Recipes

7:51
07

Twig ❤️

6:05
08

Twig Inheritance

8:02
09

Profiler: Your Debugging Best Friend

7:28
10

Assets, CSS, Images, etc

10:36
11

Generate Urls & bin/console

7:57
12

JSON API Endpoint

4:58
13

Smart Routes: GET-only & Validate {Wildcards}

4:56
14

Service Objects

5:38
15

The Twig Service & Profiler for API Requests

6:04
16

Setting up Webpack Encore

5:12
17

Packaging JS and CSS with Encore

6:05
18

Installing 3rd Party Code into our JS/CSS

5:51
19

Stimulus: Sensible, Beautiful JavaScript

5:01
20

Real-World Stimulus Example

8:50
21

Turbo: Supercharge your App

6:46

> Symfony 6 > Harmonious Development with Symfony 6

Buy Access to Course

19.

Stimulus: Sensible, Beautiful JavaScript

|

|

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