MCPcopy Index your code
hub / github.com/developerway/example-react-project

github.com/developerway/example-react-project @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
21 symbols 61 edges 34 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Example react project

This is an example of a React project that illustrates approach to developing React apps, described in this article: https://www.developerway.com/posts/react-project-structure.

  • packages/product/sidebar has an example of all three layers: UI, data, shared
  • packages/product/topbar has an example of a package with just UI layer

How to run the project

Install dependencies

yarn

Start the website

yarn website:dev

Linting and typescript checks

yarn lint
yarn ts

Core symbols most depended-on inside this repo

wait
called by 1
packages/product/sidebar/data/development-links.tsx
getLinks
called by 1
packages/product/sidebar/data/development-links.tsx
useDevelopmentLinks
called by 1
packages/product/sidebar/data/development-links.tsx
Board
called by 0
packages/product/board/index.tsx
Sidebar
called by 0
packages/product/sidebar/index.tsx
DevelopmentLinksProvider
called by 0
packages/product/sidebar/data/development-links.tsx
CollapsableSection
called by 0
packages/product/sidebar/shared/collapsable-section.tsx
SectionMenu
called by 0
packages/product/sidebar/shared/section-menu.tsx

Shape

Function 21

Languages

TypeScript100%

Modules by API surface

packages/product/sidebar/data/development-links.tsx4 symbols
packages/product/topbar/create-button.tsx2 symbols
website/pages/issue/[id].tsx1 symbols
website/pages/index.tsx1 symbols
packages/product/topbar/top-menu/index.tsx1 symbols
packages/product/topbar/logo/index.tsx1 symbols
packages/product/topbar/index.tsx1 symbols
packages/product/sidebar/ui/planning-section/index.tsx1 symbols
packages/product/sidebar/ui/index.tsx1 symbols
packages/product/sidebar/ui/development-section/index.tsx1 symbols
packages/product/sidebar/shared/section-menu.tsx1 symbols
packages/product/sidebar/shared/collapsable-section.tsx1 symbols

For agents

$ claude mcp add example-react-project \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact