Overview
A mostly reasonable approach to React, TypeScript, and JSX
Purpose: to provide a foundation for consistency and expectation within the codebase, allowing for efficient and effective code readability, understandability, and maintainability.
This style guide is mostly based on the standards that are currently prevalent in React/JavaScript, although some conventions may still be included or prohibited on a case-by-case basis. Influences from:
...
Table of Contents
Basic Rules (high level JS, React, TypeScript rules/guidelines)
Naming (folders, files, functions, variables, ...)
Project (architecture, structure, "router" folders (CRUDing data), "route" folders (pages)
Component (architecture, structure, ...)
Workflow (creating a new PR, rebasing a PR, etc.)
Config/Tooling (things to improve DX, make you more efficient, etc.)
UI Library (using MUI, StorybookJS)
👩🏫 Learning Resources (helpful videos for FE/React-related concepts)
Last updated