Update docs about Twig & package naming

Author: jmsche

bundles/best_practices.rst

@@ -604,20 +604,30 @@ to the ``peerDependencies``:
 
 In this case, the file located at ``[assets directory]/dist/controller.js`` will be exposed.
 
-If the bundle is named ``acme/feature``, the base key for the controller will be ``acme--feature--slug``: it's composed
-of the bundle name and the controller name defined in the ``package.json`` file.
-
 To use it in a template (e.g. one defined in your bundle) you can use it like this:
 
 .. code-block:: html+twig
 
     <div
-        data-controller="acme--feature--slug"
-        data-acme--feature--slug-modal-value="my-value"
+        {{ stimulus_controller('acme/feature/slug', { modal: 'my-value' }) }}
+        {#
+            will render:
+            data-controller="acme--feature--slug"
+            data-acme--feature--slug-modal-value="my-value"
+        #}
     >
         ...
     </div>
 
+Don't forget to add ``symfony/webpack-encore-bundle:^1.12`` as a composer dependency to use
+Twig ``stimulus_*`` functions.
+
+.. tip::
+
+    If the bundle is named ``acme/feature`` and the controller is named ``slug``, the base key for the controller
+    will be ``acme/feature/slug``: it's composed of the bundle name and the controller name defined in
+    the ``package.json`` file.
+
 Learn more
 ----------