Skip to main content

React plugin

This plugin generates React related artifacts using opinionated coding conventions and patterns. See the following references for further details:

This plugin consists of five generators:

  1. React app generator: based on Vite builder
  2. React library generator: for generating a reusable library of React components
  3. Component generator: for generating React components in a standardized format
  4. Page generator: for generating application pages
  5. Context generator: for generating React context using the pattern described in How to use React Context effectively by Kent C. Dodds

Installation

Prerequisites

Before installing this plugin, make sure that you have installed the shaper CLI and created a monorepo for your code. See Setting up a monorepo for instructions.

Add a dev dependency at the root of your code repository:

npm install -D @code-shaper/react

For step-by-step instructions on how to use this plugin, see Getting Started.

Examples

  1. https://github.com/code-shaper/movie-magic/tree/main/apps/movie-magic-react
  2. https://github.com/code-shaper/movie-magic/tree/main/packages/ui-lib

Repository

https://github.com/code-shaper/code-shaper/tree/main/plugins/react