Overview
Essentials
- Installation
- Introduction
- Defining a Component
- Property Decorators
- Manipulating DOM
Reusability
- Composition
- Custom Decorators
Architecture
- Event Handling
- State Management
Internals
- Component Lifecycle
- Initialisation Process
Tooling
- Debugging
- Deployment
- CLI
Miscellaneous
- Migration from Strudel 0.x
- Style Guide
CLI
Introduction
As Strudel requires Babel to work and Webpack is often used in building the code in project, there are some manual steps involved in configuring this tools for development. To simplify the process Strudel comes with a CLI (Command Line Interface) which shortens the setup the process and provides a zero configuration option for kicking off new Strudel based projects.
Check out the Github page of Strudel CLI.
Getting started
To install the CLI you simply need to have Node.js >= 6.10 installed and run following command in your command line terminal.
$ npm install -g strudel-cli |
It should make strudel
application available and ready to be used.
Showcase
As you accomplished the installation you can simply generate new project scaffolding by running new
command:
$ strudel new webpack demo |
Available Templates
CLI comes with a set of predefined templates, that should fit different kind of projects and scenarios, currently the available templates are:
- Webpack - standard project implementation using Babel and Webpack
- Clientlib - setup for Adobe Experience Manager (CMS) implementation
- Theme - setup for Zen Garden (Adobe Experience Module module) implementation
Please refer to official GitHub page for more documentation.