@@ -5,7 +5,7 @@ Symfony gives you the flexibility to choose any front-end tools you want. There
5
5
are generally two approaches:
6
6
7
7
#. :ref: `building your HTML with PHP & Twig <frontend-twig-php >`;
8
- #. :ref: `building your frontend with a JavaScript framework <frontend-js >` like React.
8
+ #. :ref: `building your frontend with a JavaScript framework <frontend-js >` like React, Vue, Svelte, etc .
9
9
10
10
Both work great - and are discussed below.
11
11
@@ -14,8 +14,7 @@ Both work great - and are discussed below.
14
14
Using PHP & Twig
15
15
----------------
16
16
17
- Symfony comes with two powerful options to help you build a modern,
18
- fast frontend, *and * enjoy the process:
17
+ Symfony comes with two powerful options to help you build a modern and fast frontend:
19
18
20
19
* :ref: `AssetMapper <frontend-asset-mapper >` (recommended for new projects) runs
21
20
entirely in PHP, doesn't require any build step and leverages modern web standards.
@@ -51,7 +50,7 @@ AssetMapper (Recommended)
51
50
~~~~~~~~~~~~~~~~~~~~~~~~~
52
51
53
52
AssetMapper is the recommended system for handling your assets. It runs entirely
54
- in PHP with * no * complex build step or dependencies. It does this by leveraging
53
+ in PHP with no complex build step or dependencies. It does this by leveraging
55
54
the ``importmap `` feature of your browser, which is available in all browsers thanks
56
55
to a polyfill.
57
56
@@ -67,20 +66,19 @@ Webpack Encore
67
66
Do you prefer video tutorials? Check out the `Webpack Encore screencast series `_.
68
67
69
68
`Webpack Encore `_ is a simpler way to integrate `Webpack `_ into your application.
70
- It *wraps * Webpack, giving you a clean & powerful API for bundling JavaScript modules,
71
- pre-processing CSS & JS and compiling and minifying assets. Encore gives you a professional
72
- asset system that's a *delight * to use.
69
+ It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules,
70
+ pre-processing CSS & JS and compiling and minifying assets.
73
71
74
72
:doc: `Read the Encore Documentation </frontend/encore/index >`
75
73
76
74
Stimulus & Symfony UX Components
77
75
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
78
76
79
- Once you've installed AssetMapper or Encore, it's time to start building your
77
+ Once you've installed AssetMapper or Webpack Encore, it's time to start building your
80
78
front-end. You can write your JavaScript however you want, but we recommend
81
79
using `Stimulus `_, `Turbo `_ and a set of tools called `Symfony UX `_.
82
80
83
- To learn about Stimulus & the UX Components, see:
81
+ To learn about Stimulus & the UX Components, see
84
82
the `StimulusBundle Documentation `_
85
83
86
84
.. _frontend-js :
0 commit comments