react-mobx-starter project

Want to have a quickstart with react, mobx and typescript?

Check out this project to spent time implementing your features and not setting up your build config. To help you while developing, it reloads components and stylesheets on the fly. No full page reload required.

Supported features:

• Typescript
• React
• Mobx
• Styled components
• HMR of components
• HMR of styles
• Minifies/obfuscates your javascript in production
• Uses jest for unit testing
• Uses React Hooks
• Uses react-testing-library for testing
• Use VS Code to debug your code and tests

Prerequisite

To debug your unit tests, please make sure you are using node version >= 8.9.4

Install

Checkout the project and run in your terminal:

npm install

Run development mode

npm run dev

Run test

npm run test

Build for production

npm run build

The output will be under /dist

Debug active unit test file

To debug the active unit test file, go to the debug section in VS Code and select the "Jest Test Current File" launch config. Then open your unit test file, set breakpoints wherever you want and press "F5".

How to use images

To use images, you can import them in your current file and webpack will give you the image as a base64 encoded string or as a path to the image.

import * as image from "./image.jpg";

const ImageComponent = () => <img src={image} />;