MCPcopy
hub / github.com/epicweb-dev/react-hooks

github.com/epicweb-dev/react-hooks @main sqlite

repository ↗ · DeepWiki ↗
174 symbols 472 edges 97 files 1 documented · 1%
README

🎣 React Hooks

Understand the building blocks of React

Go on a deep dive into React Hooks, and find you what you need to know to
start using them in your applications right away.

<a alt="Epic Web logo with the words Deployed Version" href="https://hooks.epicreact.dev"

<img
  width="300px"
  src="https://github-production-user-asset-6210df.s3.amazonaws.com/1500684/254000390-447a3559-e7b9-4918-947a-1b326d239771.png"
/>


Build Status GPL 3.0 License Code of Conduct

Prerequisites

Pre-workshop Resources

Here are some resources you can read before taking the workshop to get you up to speed on some of the tools and concepts we'll be covering:

System Requirements

  • git v2.18 or greater
  • NodeJS v20 or greater
  • npm v8 or greater

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

Setup

Use the Epic Workshop CLI to get this setup:

```sh nonumber npx --yes epicshop@latest add react-hooks


If you experience errors here, please open [an issue][issue] with as many
details as you can offer.

## Starting the app

Once you have the setup finished, you can start the app with:

npm start ```

The Workshop App

Learn all about the workshop app on the Epic Web Getting Started Guide.

Kent with the workshop app in the background

Extension points exported contracts — how you extend this code

HTMLVanillaTiltElement (Interface)
(no doc)
exercises/04.dom/03.problem.primitives/index.tsx
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/05.unique-ids/01.problem.use-id/index.tsx
Performance (Interface)
(no doc)
exercises/02.side-effects/02.solution.cleanup/memory-leak.test.ts
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/04.dom/03.solution.primitives/tilt.test.ts
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/05.unique-ids/01.solution.use-id/tilt.test.ts
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/04.dom/03.solution.primitives/index.tsx
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/05.unique-ids/01.solution.use-id/index.tsx
HTMLVanillaTiltElement (Interface)
(no doc)
exercises/04.dom/02.problem.deps/index.tsx

Core symbols most depended-on inside this repo

generateGradient
called by 20
shared/blog-posts.tsx
getMatchingPosts
called by 20
shared/blog-posts.tsx
setGlobalSearchParams
called by 10
shared/utils.tsx
renderSquare
called by 9
exercises/06.tic-tac-toe/01.solution.set-state-callback/index.tsx
renderSquare
called by 9
exercises/06.tic-tac-toe/01.problem.set-state-callback/index.tsx
renderSquare
called by 9
exercises/06.tic-tac-toe/02.problem.local-storage/index.tsx
renderSquare
called by 9
exercises/06.tic-tac-toe/03.problem.history/index.tsx
renderSquare
called by 9
exercises/06.tic-tac-toe/03.solution.history/index.tsx

Shape

Function 163
Interface 11

Languages

TypeScript100%

Modules by API surface

shared/tic-tac-toe-utils.tsx9 symbols
exercises/03.lifting-state/03.solution.colocate/index.tsx7 symbols
exercises/03.lifting-state/03.problem.colocate/index.tsx7 symbols
exercises/03.lifting-state/02.solution.lift-array/index.tsx7 symbols
exercises/03.lifting-state/02.problem.lift-array/index.tsx7 symbols
exercises/03.lifting-state/01.solution.lift/index.tsx7 symbols
exercises/03.lifting-state/01.problem.lift/index.tsx7 symbols
epicshop/fix.js7 symbols
exercises/02.side-effects/02.solution.cleanup/index.tsx6 symbols
exercises/06.tic-tac-toe/03.solution.history/index.tsx5 symbols
exercises/06.tic-tac-toe/03.problem.history/index.tsx5 symbols
exercises/06.tic-tac-toe/02.solution.local-storage/index.tsx5 symbols

Dependencies from manifests, versioned

@epic-web/config1.21.3 · 1×
@epic-web/workshop-app6.90.11 · 1×
@epic-web/workshop-utils6.90.11 · 1×
@testing-library/user-event14.6.1 · 1×
@types/react19.2.6 · 1×
@types/react-dom19.2.3 · 1×
epicshop6.90.11 · 1×
eslint9.39.1 · 1×
execa9.6.0 · 1×
npm-run-all4.1.5 · 1×
pkgmgr1.1.1 · 1×
prettier3.6.2 · 1×

For agents

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

⬇ download graph artifact