React Templates & Themes Logo React Templates & Themes
A Wp React Redux Theme screenshot

A Wp React Redux Theme

Author Avatar Theme by Jackreichert
Updated: 22 Sep 2019
328 Stars

WordPress theme built with ReactJS and Redux calling WP-REST-API for content

Github

Categories

Scss

Overview:

The React+Redux WordPress theme is a theme built using React and Redux, specifically designed to work with the WP-REST-API for content in WordPress. The developer created this theme as a way to explore the WP-REST-API, experiment with ES6 and transpiling, and work on a full project using React+Redux. The theme is designed to work out of the box with WordPress v4.7 or greater and offers several features commonly desired in a simple blog. The developer also mentions that they will be updating the theme with additional features in the future.

Features:

  • Dynamic menus: The theme supports dynamic menus for both the main menu and footer menu.
  • Template pages in React/Redux: The theme provides equivalent templates for index.php, single.php, search.php, category.php, etc. using React and Redux.
  • Search functionality: The theme includes a search feature for users to search for specific content.
  • Category archive pages: The theme supports category archive pages to group related content together.
  • First level sub-categories: Users can create sub-categories for their main categories.
  • Tags: The theme supports tagging of content for easy organization and searching.
  • Bootstrap 4: The theme is built on top of Bootstrap 4, allowing for a responsive and modern design.
  • Threaded comments: Users can leave comments on posts and reply to other comments, creating threaded conversations.
  • Dynamic Head title tag: The theme dynamically generates the title tag for each page based on the content.

Installation:

To install the React+Redux WordPress theme, follow these steps:

  1. Ensure you have WordPress v4.7 or greater installed.
  2. Enable pretty permalinks in your WordPress settings.
  3. Download the theme files and place them in the appropriate WordPress theme directory.
  4. Open a terminal and navigate to the theme directory.
  5. Run the command npm install or yarn to install the necessary dependencies.
  6. Use either webpack or webpack -p command to run Webpack and compile the theme’s assets. The -p flag is optional and will minify the output files.

Summary:

The React+Redux WordPress theme is a theme built using React and Redux that leverages the WP-REST-API for content in WordPress. The theme offers several features commonly desired in a blog, such as dynamic menus, template pages in React/Redux, search functionality, category archive pages, sub-categories, tags, Bootstrap 4 integration, threaded comments, and dynamic title tags. The theme can be easily installed by following the provided installation guide.