Ukázka použití Reactu ve WordPressu pro frontendisti.cz

Přednáška na Frontendisti.cz

https://www.youtube.com/watch?v=2q5P2tqGcIA

Předpoklady

MacOS, Windows nebo Linux
Nainstalovaný Yarn 1.x
Nainstalovaný Node > v12.12.0 (ideálně s NVM)

Použití

Naklonovat obsah repozitáře do wp-content/plugins/wp-react
Nainstalovat závislosti pomocí composer instal a yarn install
Zkompilovat assety pomocí yarn build
Aktivovat plugin

Vývoj

Instalace čistého WordPressu na lokální URL
Nakopírování pluginu do složky wp-content
Ve složce pluginu spustit příkaz composer install, yarn install a yarn start
Aktivovat plugin

Co v ukázce uvidíte

Vlastní konfigurace Webpacku (+ babel, postcss, eslint, stylelint, apod.)
Code splitting & dynamic import
CSS Modules
React Redux & Redux Toolkit s přednačteným state
Použití React Portálu pro vykreslení částí aplikace kdekoliv na stránce
React aplikace využívající custom WordPress API

Živá ukázka

https://frontendisti.mejta.net/