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

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

Použití

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

Vývoj

1. Instalace čistého WordPressu na lokální URL
2. Nakopírování pluginu do složky wp-content
3. Ve složce pluginu spustit příkaz composer install, yarn install a yarn start
4. 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/