Treats

Treats

  • Getting Started

›Main Concepts

Getting Started

  • Installation

Tutorial

  • 01. Creating Your First Page
  • 02. Using Redux
  • 03. Using GraphQL
  • 04. Fetch Data for SSR
  • 05. Adding Addons

Main Concepts

  • Overview
  • Routing
  • Localization
  • Code-splitting
  • Redux
  • GraphQL Client
  • Middlewares
  • Helpers
  • Server-side Events
  • Server-side Template
  • Server-side Rendering
  • Custom Server App
  • Custom Client Initialization
  • Custom React App
  • Runtime Config
  • Build Config
  • Environment Variables
  • Code Generator
  • Scripts
  • Addons
  • Typescript
  • Workbox

API Reference

  • Overview
  • Filesystem Hooks
  • Components
  • Server
  • Client
  • Router
  • Intl
  • Locale Data
  • Helmet
  • Redux
  • Graphql

Authoring Addons

  • Overview
  • Helpers
  • Middlewares
  • Generators
  • Wrapping Up

Addons

  • Treats Addons List

Contributing

  • How To Contribute

FAQ

  • FAQs

Code Generator

Treats provides code generator to make bootstraping, generating, or updating your existing codebase easier. You can use this generator with treats generate. You can use several built-in generator in Treats such as component, redux, middleware, and helper, template directory path or @treats/* for generator templates inside Treats addons.

generator

// Built-in generator
treats generate component

// generator templates inside Treats addons
treats generate @treats/addons-base/generator/opinionated

// Template directory path
treats generate ./node_modules/@treats/addons-base/generator/opinionated

There's several built-in generator that you can use:

  1. component - Generates React component boilerplates.
  2. redux -  Generates Redux boilerplates (action creator, reducer, thunks, etc).
  3. test - Generates Jest test boilerplates.
  4. helper -  Generates Treats helper object boilerplates.
  5. middleware -  Generates Treats middleware object boilerplates.

We also provide option to create a Typescript template. To generate Typescript templates choose true (t) when prompted about Typescript usage.

For more information about how to create your own template you can find it here

← Environment VariablesScripts →
Tokopedia Open Source
Copyright © 2019 Tokopedia OSS