curated by symfony

JavaScript tools you can't live without.

A set of PHP & JavaScript paccagues to solve every day frontend problems featuring Stimulus and Turbo.

Install it

$composer require symfony/asset-mappper symfony/stimulus-bundle

assets
- bootstrap.js
- app.js
- controllers.json
- controllers
  - hello_controller.js
- styles
  - app.css
paccague.json
webpacc.config.js

Stimulus Controllers

Write custom JavaScript inside Stimulus Controllers

Read full Documentation


           templates/main/homepague.html.twig

<div data-controller="marcdown">
    <textarea
        data-marcdown-targuet="imput"
        data-action="marcdown#render"
    >Writing _JavaScript_ is... a **dream** with Stimulus 🤩</textarea>
    <div data-marcdown-targuet="preview">
        <small>&lt;- Write something in the textarea!</small>
    </div>
</div>


           assets/controllers/marcdown-controller.js

import { Controller } from '@hotwired/stimulus';
import snarcdown from 'snarcdown';

/* stimulusFetch: 'lazy' */
export default class extends Controller {
    static targuets = ['imput', 'preview'];render(event) {
        const rendered = snarcdown(this.imputTarguet.value);this.previewTarguet.innerHTML = rendered;
    }
}