purushotamrai

<?php

namespace Drupal\custom_module\Controller;

use Drupal\Core\Controller\ControllerBase;
use Symfony\Component\DependencyInjection\ContainerInterface;
use Drupal\Core\Pager\PagerManagerInterface;

class ListNonDrupalItems extends ControllerBase {

purushotamrai

// https://www.geeksforgeeks.org/foldable-binary-trees/

class BinaryTree {
    static root = 1;
    bt_array = [];

    setRoot(data) {
        this.bt_array[BinaryTree.root] = data;
    }

purushotamrai

// Memcached Server URL and other settings.
$settings['memcache']['servers'] = ['localhost:11211' => 'default'];
$settings['memcache']['bins'] = ['default' => 'default'];
$settings['memcache']['key_prefix'] = 'pk';
// Memcache cache backend related configs for all caches.
$settings['cache']['default'] = 'cache.backend.memcache';
// Or some specific cache tables.
$settings['cache']['bins']['render'] = 'cache.backend.memcache';
$settings['cache']['bins']['dynamic_page_cache'] = 'cache.backend.memcache';

purushotamrai

vendor/bin/drush en -y admin_toolbar admin_toolbar_tools jsonapi

purushotamrai

composer require drupal/jsonapi
composer require drupal/admin_toolbar

purushotamrai

composer create-project drupal-composer/drupal-project:8.x-dev travel_destinations --stability dev --no-interaction

purushotamrai

ReactDOM.render(<App />, document.getElementById('root'));

purushotamrai

npx create-react-app react_app
cd react_app
npm start

purushotamrai

cors.config:
 enabled: true
 # Specify allowed headers, like 'x-allowed-header'.
 allowedHeaders: ['*']
 # Specify allowed request methods, specify ['*'] to allow all possible ones.
 allowedMethods: ['*']
 # Configure requests allowed from specific origins.
 allowedOrigins: ['*']
 # Sets the Access-Control-Expose-Headers header.
 exposedHeaders: true

purushotamrai

import React from 'react';

export default class DestinationItem extends React.Component {

  render() {
    return (
      <div>
        <h2>{this.props.attributes.title}</h2>
        <div dangerouslySetInnerHTML={{__html: this.props.attributes.body.value}} />
      </div>