Skip to content

Minor improvements & bugfixes #18428

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
+10 −9
Closed

Minor improvements & bugfixes #18428

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 10 additions & 9 deletions frontend.rst
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ Symfony gives you the flexibility to choose any front-end tools you want. This c
be dead-simple - like putting CSS & JS directly in the ``public/`` directory - or
more advanced - like scaffolding your front-end with a tool like Next.js.

However, Symfony *does* come with two powerful option to help you build a modern,
However, Symfony *does* come with two powerful options to help you build a modern,
fast frontend, *and* enjoy the process:

* :ref:`Webpack Encore <frontend-webpack-encore>` is a powerful tool built with Node
* :ref:`Webpack Encore <frontend-webpack-encore>` is a powerful tool built with `Node.js`_
on top of `Webpack`_ that allows you to write modern CSS & JavaScript and handle
things like JSX (React), Vue or TypeScript.

Expand All @@ -20,19 +20,19 @@ fast frontend, *and* enjoy the process:
================================ ================= ======================================================
Production Ready? yes yes
Stable? yes :doc:`experimental </contributing/code/experimental>`
Requirements node none: pure PHP
Requirements Node.js none: pure PHP
Requires a build step? yes no
Works in all browsers? yes yes
Supports `Stimulus/UX`_ yes yes
Supports Sass/Tailwind yes :ref:`yes <asset-mapper-tailwind>`
Supports React, Vue, Svelte? yes yes**
Supports TypeScript yes no**
Supports React, Vue, Svelte? yes yes [#1]_
Supports TypeScript yes no [#1]_
================================ ================= ======================================================

** Using JSX (React), Vue or TypeScript with AssetMapper is possible, but you'll
need to use their native tools for pre-compilation. Also, some features (like
Vue single-file components) cannot be compiled down to pure JavaScript that can
be executed by a browser.
.. [#1] Using JSX (React), Vue or TypeScript with AssetMapper is possible, but you'll
need to use their native tools for pre-compilation. Also, some features (like
Vue single-file components) cannot be compiled down to pure JavaScript that can
be executed by a browser.
.. _frontend-webpack-encore:

Expand Down Expand Up @@ -147,6 +147,7 @@ Other Front-End Articles

.. _`Webpack Encore`: https://www.npmjs.com/package/@symfony/webpack-encore
.. _`Webpack`: https://webpack.js.org/
.. _`Node.js`: https://nodejs.org/
.. _`Webpacker`: https://github.com/rails/webpacker
.. _`Mix`: https://laravel.com/docs/mix
.. _`Symfony`: https://symfony.com/
Expand Down