Please enable JavaScript.

Coggle requires JavaScript to display documents.

react only - Coggle Diagram

- - - - javascript with html like code
  - - - .js (JavaScript)→ Basic logic (no types)
      - .ts (TypeScript)→ Logic + type safety
      - .jsx (JavaScript + JSX)→ React UI (no types)
      - .tsx (TypeScript + JSX)→ React UI + types (best choice)
      - React JSX Component→ Reusable UI written in .jsx
      - React TSX Component→ Reusable UI with types (professional standard)
    - - .html→ The page entry point (contains root element for your app)
    - - tsconfig.json→ Controls how TypeScript works
      - ESLint config (.eslintrc)→ Enforces code quality and rules
      - launch.json (used by Visual Studio Code)→ Controls debugging settings
    - - .json→ Stores structured data or configuration
    - - Jasmine test file (using Jasmine)→ Tests your code automatically