0r0loo / React-assignment

리액트 스터디

Study Member

팀원	아이디
조태규	0r0loo
유하은	YHE0663

Study

React Docs

날짜	제목	링크
23.06.19	Describing the UI	https://react.dev/learn/describing-the-ui
23.06.21	Adding Interactivity	https://react.dev/learn/adding-interactivity
23.06.22	- Managing State - Escape Hatched	https://react.dev/learn/managing-state https://react.dev/learn/escape-hatches

---

과제

• TODO List 만들기
• 상태관리 라이브러리를 사용하지 않고 게임 만들기
• 디자인 시스템에 따른 컴포넌트 만들기
  • https://design.wonderflow.ai/ 이런거 따라 만들어보면 어떨까요?

뭐있을지 생각중...

React Basic

• useState
• useEffect
• useRef
• useMemo, useCallback, memo
• useReducer, Context API

Advanced

• Suspense
• Lazy
• ErrorBoundary
• Portals
• Profiler
• Concurrent Mode
• Strict Mode
• SSR

Advanced React Pattern

• Custom Hooks

• Compound Components Pattern

• Control Props Pattern

• Render Props Pattern

• Higher Order Components Pattern

• Provider Pattern

• 스타일 처리 방법

  • CSS in CSS
    • CSS Module
    • Tailwind CSS
  • CSS in JS
    • styled-components
    • emotion
    • vanilla-extract

• 전역상태관리 라이브러리 사용해보기

  • Context API
  • Redux
  • Recoil
  • Zustand
  • Jotai

• 서버상태 라이브러리 사용해보기

  • React Query(*)
  • SWR
  • Redux Toolkit Query

• Form 데이터 처리하기

• 에러처리하기

• 로딩처리하기

---

Next.js

13 version

12 version