Setting up a WordPress plugin with React and TypeScript

Link to the article "Setting up a WordPress plugin with React and TypeScript "

How to start

If you use the Nix package manager, just type in nix-shell. Otherwise make sure that you have the following dependencies installed:

• NodeJS >=18
• NPM (if you don't want to use the included YARN 4.0.2)
• PHP >=8.2 with composer

After that you can initialize the project:

cd wp/src/wp-content/plugins/wp-react
yarn install
yarn compose
yarn prod

Now you need to fire up the docker containers in the project root:

docker compose build
docker compose up -d --force-recreate

To clean up everything what was created by Wordpress, stop the docker containers and run the cleanup script:

docker compose down
./clean.sh