Підключення React.js

Дата оновлення перекладу 2022-12-14

Підключення React.js

Screencast

Надаєте перевагу відео-туторіалам? Перегляньте cерію скрінкастів React.js.

Tip

Розгляньте живі демо компонента Symfony UX React: https://ux.symfony.com/react!

Використовуєте React? Спочатку, додайте деякі залежності за допомогою Yarn:

1
2
3
4
5
# якщо ви використовуєте менеджер пакетів Yarn
$ yarn add react react-dom prop-types

# якщо ви використовуєте менеджер пакетів npm
$ npm install react react-dom prop-types --save

Включіть react у вашому webpack.config.js:

1
2
3
4
5
6
7
// webpack.config.js
  // ...

  Encore
      // ...
+     .enableReactPreset()
  ;

Потім перезапустіть Encore. Коли ви це зробите, він дасть вам команду, яку ви можете виконати, щоб встановити всі залежності, яких не вистачає. Після виконання цієї команди та перезапуску Encore, вы закінчили!

Ваші файли .js та .jsx тепер будуть перетворені через babel-preset-react.