React Integration

• Integration Methods
  • Simple Content Folder
  • Router - Static HTML
  • Router - Page Object
  • Standalone
• Redirect Regular Expression Syntax
• SDK Documentation

Integration Methods

The jsHarmony CMS can be integrated into React applications in a variety of ways.  Capabilities will vary based on the integration method:

Router - Static HTML

• Generate static HTML pages in a subfolder of the site, based on static HTML templates.
• Integrate with React Router to enable:
  • Page URLs anywhere in the site
  • Redirects defined in CMS
• Work Involved: Easy - minimal integration required
  
  View Integration Tutorial

Router - Page Object

• Generate a JSON object for each page
• Integrate with React Router to enable:
  • Loading the JSON object and rendering it in a React component
  • Page URLs anywhere in the site
  • Redirects defined in CMS
• Work Involved: Easy to Medium, based on site complexity
  
  View Integration Tutorial

Standalone

• Add CMS content to an existing page in the site
• Generate a JSON object for that page on publish
• On page view:
  • Load the JSON object and use the data in a React component
• Work Involved: Easy to Medium, based on site complexity
  
  View Integration Tutorial

Redirect Regular Expression Syntax

The syntax for Redirect regular expressions is specific to the deployment environment.  The client-side React SDK uses JavaScript Regular Expression syntax.

Back-references are implemented using $N.  For example, "$1" replaces the first matched group, "$2" replaces the second matched group, and so on.

Below is an example of RegEx variable replacement, using the Client-side React SDK:

URL:         ^/products/([a-zA-Z]*)$
Destination: /view_product?id=$1

SDK Documentation

Explore the SDK Documentation and source code at the Github site: jsharmony-cms-sdk-react.