Moonwalk

NOT READY FOR PRODUCTION. Very minimal ReactJS integrated Drupal 8 theme, minimal and "light" so you can build without frontend obstacles. This theme is intended for developer use as a starter kit. Get up fast and walking with ReactJS in Drupal 8.

Features

• Module Bundler: webpack
• Next-gen JS compliler: babel
• JSX compatible
• No CSS! - this is a clean slate.
• Twig templates borrowed from Classy theme, but this is a starter kit, so change away!
• Theme has been intentionally distributed vanilla.

Prerequisite

• ReactJS, refer to ReactJS docs
• npm, refer to npm docs
• webpack, refer to webpack docs

Installation

• Being a developer starter kit, you are encouraged to install this theme in /themes/custom
• You will need webpack installed from within /themes/custom/moonwalk
  npm install webpack --save-dev
• Install React DOM and build with webpack: from within /themes/custom/moonwalk
  npm install --save react react-dom babel-preset-react
• This theme includes a webpack.config.js so you can simply run:
  webpack
• To bundle JS correctly use babel: from within /themes/custom/moonwalk
  babel --presets react js --watch --out-dir build

Usage

• Save your custom JS in the moonwalk/js folder and compile with babel, see above. The theme will include the compiled bundle.js from the build folder.
• CSS, no CSS included! Recommend to use a SMACSS approach with PostCSS, refer to PostCSS
• Templating via Twig, refer to Twig docs