- Clone repo.
- Navigate to
cat-app. - Run
npm installto install dependencies. - Create
.envfile and addCAT_API_KEYand add yourAPI KEYfrom a https://thecatapi.com/ service. - Run
npm run devto start project locally.
- Setup a CRA
- Single page application
- Render some custom elements
- Create a component with type-safe props
- Create interactive state.
- Pass state through props.
- Use DOM events (such as onClick)
- Fetch data in useEffect hook.
- Render a list of items.
- Conditionally render something based on a statement
- Setup React Router v6.
- Add at least two pages to navigate between
- Use context with useState.
- Use hooks: useRef, useCallback, useMemo
- Plain CSS
- No additional libraries used
- API used: https://thecatapi.com/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent