REACT – WP – SAMPLE TEMPLATE W REACT W PARCEL V3 – POST DEPLOYMENT

		
		
			
DEPLOYMENT STEPS:

1. Build the React app with yarn build

2. Find the min scripts like src.c82ebe33.css and src.c82ebe33.js

3. Rename them to react-app.min.js react-app.min.css and test with index.html

4. Add the dist folder after renaming it to react-app-deployed inside the wp theme folder

5. Make the page template like the following:

<?php
/**
 * Template Name: Firebase React App Template
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package WordPress
 * @subpackage Twenty_Nineteen
 * @since 1.0.0
 */

get_header();

?>

<!-- TEMPLATE STYLES -->
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri() . '/react-firebase-deployed/firebase-app.min.css' ?>">
<!-- <link rel="stylesheet" type="text/css" href="<?php // echo get_template_directory_uri() . '/react-firebase-deployed/src.e31bb0bc.css' ?>"> -->
 

	<section id="primary" class="content-area">

		<main id="root" class="site-main"></main><!-- #main -->

	</section><!-- #primary -->

	<!-- REACT SCRIPTS -->
<script src="<?php echo get_template_directory_uri() . '/react-firebase-deployed/firebase-app.min.js' ?>" type="text/javascript"></script>
<!-- <script src="<?php // echo get_template_directory_uri() . '/react-firebase-deployed/src.e31bb0bc.js' ?>" type="text/javascript"></script> -->

<?php

get_footer();

?>