Anadama React

screenshot of Anadama React
react

Anadama React

A react-based recipe theme for WordPress

Overview

Anadama is a React-based recipe theme for WordPress. It allows users to display categories and recent posts on the front page, utilizes localStorage for offline access, and does not include sidebars, widgets, or comments. The theme requires the WP REST API plugin version 2.0-beta13, the WP-API Menus plugin, and permalinks set to "/%year%/%monthnum%/%postname%/".

Features

  • Displays 10 categories on the front page, organized by term ID
  • Displays the 20 most recent posts in each category
  • Utilizes localStorage for offline access
  • Does not include sidebars, widgets, or comments
  • Conditional classes for menu items, but not automatically applied
  • Integration with Jetpack scripts
  • Responsive styles and print stylesheet for recipe pages
  • Persistent cached data for post list pages
  • Category/tag archives not implemented yet

Installation

To install the Anadama theme, follow these steps:

  1. Download or clone the Anadama repository into your /themes folder.
  2. Run the following npm scripts to install and build the JavaScript and CSS files:
    • npm run dev to build a development version of app.js with a sourcemap
    • npm run watch to build the development version and watch for changes in Sass and JS files
    • npm run build to build a production version of the code (not recommended for production use without thorough testing)

Please note that Anadama requires the WP REST API plugin version 2.0-beta13 and the WP-API Menus plugin. Additionally, ensure that your permalinks are set to "/%year%/%monthnum%/%postname%/" for proper functionality.

Summary

Anadama is a React-based recipe theme for WordPress. It offers several key features, including the ability to display categories and recent posts on the front page, offline access using localStorage, and a clean design without sidebars, widgets, or comments. The theme requires the WP REST API plugin and the WP-API Menus plugin, with permalinks set to a specific format. By following the provided installation guide, users can easily set up and use the Anadama theme for their WordPress website.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.