Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 1.87 KB

File metadata and controls

41 lines (29 loc) · 1.87 KB

CasperDash Web

Install & Start

⚠️ Using Yarn Package Manager is recommended over npm.

Start your app in development environment

yarn dev

Start your app in production environment

yarn start

Features

  • Next.js - Minimalistic framework for server-rendered React applications.
  • Typescript - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
  • Redux - A predictable state container for JavaScript apps with toolkit
  • Built-in Component CLI- Create components with one command by using built-in cli or can custom it.
  • Docker - A tool designed to make it easier to create, deploy, and run applications by using containers.
  • ESLint - The pluggable linting utility.
  • Jest - Javascript testing framework , created by developers who created React.
  • Storybook - An open source tool for developing UI components in isolation for React.

Folder

  1. components: Reusable UI pieces that can be used throughout the app.
  2. enums: Collection of constant variables, used to store values that won't change.
  3. hooks: Custom hooks that allow code reuse by encapsulating stateful logic.
  4. layouts: Components designed to provide shared layout elements across pages.
  5. modules: Standalone pieces of functionality that handle specific parts of the app logic.
  6. pages: Associated with a specific route and responsible for rendering their own UI and fetching data.
  7. store: Contains Redux reducers, actions, and selectors that handle app state management.
  8. typings: Typescript types used as reusable interfaces for commonly-used data shapes.
  9. services: Provides communication between external data sources (e.g. API) and the app.
  10. utils: Functions that contain useful logic and can be used across different parts of the app.

Code convention

  1. Component should be PascalCase