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:
- React app generator: based on Vite builder
- React library generator: for generating a reusable library of React components
- Component generator: for generating React components in a standardized format
- Page generator: for generating application pages
- 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
- https://github.com/code-shaper/movie-magic/tree/main/apps/movie-magic-react
- https://github.com/code-shaper/movie-magic/tree/main/packages/ui-lib
Repository
https://github.com/code-shaper/code-shaper/tree/main/plugins/react