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
  6. Storybook generator: Generates repository-wide support for Storybook
  7. Playwright generator: Generates repository-wide support for Playwright end-to-end tests

Installation

Prerequisites

Before installing this plugin, make sure that you have created a monorepo for your code. See Set 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