Bootstrap 4 example with React, MobX and MDBootstrap (mdbreact)

Example implementation of rate exchange view / edit:

• react
• typescript
• mobx
• mobx-react-form
• superagent
• mdbreact

It's based on create-react-app.

Goals

Project aims to experiment with Bootsrtap 4 as a base for layout components. It picks MDBootstrap in order to verify library maturity.

How to run

• npm install or yarn
• npm start or yarn start

Tests

• npm run test a or yarn run test a

For now only one example of test is written using jest / enzyme / sinon in TextField.test.tsx.

Further steps

Project is still open for improvements. Here are some ideas:

• mdbreact proved to have some issues while working with form components, try next releases.
  • At this moment react version had to be dropped to 15 due to various issues.
• Consider tighter separation of UI and business logic concerns:
  • Define clear rules on where to place and how to structure models for API, views and CRUD operations.
  • Define base classes for reusable UI behavior like sorting.
• Dive more into generic classes and interfaces.
• Reorganize stores in order to make them testable. Following options:
  • inject agent instead of creating new instance in constructor so testAgent could be injected.
  • make store generic like ExchangeRateStore<T implements IExchangeStore> so the proper class could be passed.