More Premium Hugo Themes Premium React Themes

Mobx Starter

React + RR4 + Mobx + Isomorphic starter.

Mobx Starter

React + RR4 + Mobx + Isomorphic starter.

Author Avatar Theme by nightwolfz
Github Stars Github Stars: 282
Last Commit Last Commit: Sep 10, 2017 -
First Commit Created: Jan 15, 2024 -
Mobx Starter screenshot

Overview:

The React + Mobx Quick Starter project is a starting base for creating an isomorphic (universal) mobx react project. It offers a range of features including async/await support, isomorphic CSS and SCSS compilation, token-based authentication, decorators for easily accessing state, hot reloading and sourcemaps, and automatic restarts. The project aims to provide a simple and minimal setup with routing, authentication, database, and server-side rendering.

Features:

  • Async/await support
  • Isomorphic CSS and SCSS compilation
  • MongoDB user register/login/logout
  • Token-based authentication
  • Decorators for easily accessing state
  • Hot reloading and sourcemaps
  • Automatic restarts (when server code changes)

Installation:

  1. Clone the project repository.
  2. Run npm install to install the necessary dependencies.
  3. Configure MongoDB by adding models to src/server/models.
  4. Add stores to src/config/stores by creating a new class for each store.
  5. Update src/config/stores.js to include the new store.
  6. Disable server-side rendering by modifying server/middleware/render.js.
  7. Run the project in development mode using npm run dev or in production mode using npm start.

Summary:

The React + Mobx Quick Starter project provides a starting point for building an isomorphic mobx react project. It offers a range of features including async/await support, token-based authentication, hot reloading, and automatic restarts. The project is optimized for minimal bundle size and speed, and aims to provide a good developer experience with hot reloading and source-maps. It includes a simple and minimal setup with routing, authentication, database, and server-side rendering.