React Templates & Themes Logo React Templates & Themes
React Starter Kit screenshot

React Starter Kit

Author Avatar Theme by Hoalongnatsu
Updated: 17 Dec 2021
107 Stars

Github

Categories

Scss Ant design

Overview:

The analyzed content provides instructions for installing and setting up a source module structure using the Bootstrap framework. It also explains the process of configuring and using various tools such as tsconfig, Jest, Cypress, and Docker to build and test the module.

Features:

  • Source Module Structure: Follows a specific structure for organizing source code files.
  • TSConfig: Provides a configuration file (tsconfig) for TypeScript to compile the source code.
  • Constants: Contains a module (constants.ts) for defining constants used in the project.
  • Reducers: Includes a module (sample.ts) for managing state using reducers.
  • Services: Contains a module (sample.ts) for implementing services in the project.
  • Testing (Jest): Guides the user on how to use Jest for testing the module.
  • Testing (Cypress): Guides the user on how to use Cypress for end-to-end testing.
  • Docker Support: Offers support for building and running the module using Docker containers.

Installation:

The installation process involves the following steps:

  1. Open the .env-cmdrc file and configure the necessary environment variables.
  2. Import the environment variables in the src/configs/env.ts file.
  3. Prefix the environment variables with REACT_APP_.
  4. Use the command yarn start:dev to load the environment variables in the development environment.
  5. Use the command yarn start:testing to load the environment variables in the testing environment.
  6. Set up a Dockerfile for continuous integration and continuous deployment (CI/CD).
  7. Build and run the test image using Jest.
  8. Test the module using Cypress.
  9. Utilize the cypress/browsers:node12.14.1-chrome85-ff81 image for building the test image.

Summary:

The analyzed content provides a comprehensive guide for setting up a source module structure using the Bootstrap framework. It covers the installation process, configuration of environment variables, and the usage of various tools such as tsconfig, Jest, Cypress, and Docker. By following these instructions, developers can efficiently build and test their modules while maintaining a structured codebase.