jackcoral89

import React from 'react';

export default function App() {
	return (
		<div>
			<h1>Hello World! React app here !</h1>
		</div>
	);
}   

jackcoral89

<?php /* Template Name: My Component Template */ ?>

<?php get_header(); ?>

<h1>My Component Template</h1>

<div id="root"></div>

<?php get_footer(); ?>

jackcoral89

import React from 'react';
import ReactDOM from 'react-dom';

import './my-component.scss';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('root'));

jackcoral89

{
  "name": "wpwebpack",
  "version": "1.0.0",
  "description": "wp__webPack",
  "scripts": {
    "dev": "webpack -w -d --env=dev",
    "prod": "webpack -p --env=prod"
  },
  "dependencies": {
    "bootstrap": "^5.0.0-alpha3"

jackcoral89

const path = require('path');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');

const entryPoint = {
    my_component: './src/app/my-component/my-component.js'
}

const pathResolve = path.resolve(__dirname, './public');

buildConfig = (env) => {

jackcoral89

FROM wordpress:latest

jackcoral89

version: '3.1'

services:

  # Wordpress
  wordpress:
    build:
      context: ./docker
      dockerfile: Dockerfile
    ports: