Here we run “npm-run-build” to compile our static assets for use by the WordPress theme, and we ...

In this step, we create a new LoadingScreen component that simply renders a loading spinner.

Th...

Here we’re running “npm run build” to compile our static assets for use in the WordPress theme, ...

In this step, we add pagination to our MoviesPage.

First, we create a LoadMore styled component...

In this step we run “npm-run-build” to build the files for use by the WordPress theme, and updat...

Previously we left a placeholder in the MoviePage component for the release date. In this step, ...

Run “npm run build” to build the assets and update the style.css

In this step we change our GraphQL queries to use some aliases, and update our components to out...

In this step we run “npm run build” to build the assets for the WordPress theme to use, and we u...

In the MoviesPage component, we set the link to the movie to use the movie.id in the URL.

Then,...

In this step, we use the data provided by Apollo (the results of the query) to populate our grid...

In this step, we write our first GraphQL query for the MoviesPage.

For this page, we mocked up ...

In this step we wrap our app with the ApolloProvider, which effectively connects the application...

In this step we configure our Redux store.

First, we import all the stuff we need.

Then, we co...

# Conflicts:
# style.css

In this step we update the screenshot and stylesheet of the theme to reflect the current state o...

In this step we update the screenshot and stylesheet of the theme to reflect the current state o...

In this step we run “npm run build” to build the assets for the WordPress theme to use.

In this step, we pulled out some repetitive code from our MoviesPage and MoviePage components an...

In this step we create several styled components to build the layout of our page.

First, we imp...

In this step, we’re building out the basic layout for the “movies” page, which shows a list of m...

In this step we moved the MoviesPage and MoviePage components into their own files in the “/comp...

Update the screenshot and style.css to reflect the current state of our progress.

Run “npm run build” to compile our static assets for use by the WordPress theme

In this step, we add router support using React Router.

In the imports, we import the methods w...

This is just an update to the style.css and screenshot to represent the current state of the app...

In this step, we move the HomePage component and the styled components that go along with it to ...

In this step, we created a few more styled components to use on our homepage.

You’ll also notic...

In this step, we introduce our first “styled component”

We simply create a <Home> component, wh...

In this step, we’re importing the stylesheet from Ant Design, which is a fantastic Component Lib...

In this step, we’re just adding some fonts that we’ll be using later.

Right now, this has no af...

In this step, we’re creating a separate Homepage component and passing it to our App component.
...

Here we’re just updating the style.css and screenshot to reflect where we’re at with our app.

In this step, we run “npm run build” which builds the static files, which our WordPress theme is...

In this step, we’re removing the boilerplate that came with Create React App so we can start wor...

This final step is just updating the theme screenshot and stylesheet to indicate the changes

In this step, we add some functions to our inc/setup.php file to get our theme working with Crea...

In this step, from the /assets/app directory I ran the command “npm run build" which compiles th...

I simply created a new “assets” directory in the theme and inside the directory I ran the comman...

Update the .gitignore so that we don’t version all the node_modules that are needed in development

At this point, all we have is essentially the bare minimum needed to technically have a WordPres...