Overview

Steroids for React is a framework designed for building complex and flexible SPA (Single Page Application) projects using React.

By leveraging traditional libraries, we've created an ecosystem with a well-thought-out architecture that includes features such as routing, authentication, localization, forms, lists, backend integration, state management, and more.

All this allows the start of the project as fast as possible.

Key Features

• Well-thought-out architecture suitable for a wide range of projects.
• A set of UI components for creating a functional interface.
• The components are divided into core andview part, which allows you to use the business logic of components for different markup and styles.
• Usage of pre-defined metadata for entities.
• Written in TypeScript with type definitions.
• High test coverage of the code.
• Working with metadata coming from the backend.

Dependencies Used

Under the hood, we utilize familiar libraries to accelerate the developer's immersion:

• Rendering
  • react
  • react-router-dom
• State management
  • redux
  • history
• Execution of requests
  • axios
• Project assembly
  • webpack
  • babel
• Utilities
  • lodash
  • dayjs
• Development and documentation
  • storybook

Supported Environments

1. Browsers
   • Modern desktop and mobile browsers (the latest two versions, configurable via @stereoidsjs/webpack).
   • Older browsers: support is provided via polyfill (polyfill) using @babel/preset-env.
2. Server environment
   • Server-Side Rendering (SSR).
3. Desktop applications
   • Electron.

Links

Here are the links to articles about getting started with Steroids:

• Quick Start
• Project Architecture
• Steroids React Boilerplate Tutorial
• Routing