Frankenstein Dotnet React

Setup

Environment

Copy Frankenstein/App/.env.example to Frankenstein/App/.env and set any environment variables.

Dev Tools

Install the following extensions in your browser:

• React Developer Tools

Building and running on localhost

cd Frankenstein/App

Install dependencies:

npm install

To run in hot module reloading mode:

npm start

To create a production build:

npm run build

Development

CSS

We use the BEM architectural pattern to write CSS

Testing

npm run test

Code Examples

Please see the following Example components as a framework for creating additional components:

.
├── ...
├── src
│   └── components          
│       └── TheMonster 
│           └── TheMonster.scss     # BEM based SCSS 
│           └── TheMonster.tsx      # Parent functional component
│           └── MonsterEye.tsx      # Child functional component
│           └── index.ts            # Directory level exports
└── ...

Resources

• Redux
• Redux Toolkit
• React Redux