react-master

노마드코더 리액트JS마스터 강의를 보며 따라한 코드.
https://nomadcoders.co/react-masterclass/lobby

1. style

1) react-masterclass

Styled Components 사용 방법

2) react-mastserclass2

• 'As'
• attr

3) react-masterclass-animation

• animation
• pseudo selector
• state selector

4) react-masterclass-theme

• Theme

2. typescript

1) react-typescript

• react와 typescript 사용 방법
• typescript에서 styled-components 적용 방법

3. React 실습

1) crypto-tracker

• React-Router
• reset css
• Font
• <Link />
• Fetch Data
• React Query / React Query Devtools
• React Helmet
• Recoil

2) todo-app

• react-hook-form
  • register()
  • watch()
  • handleSubmit()
  • formState
• Recoil
  • useRecoilState(), useSetRecoilState(), useRecoilValue()
  • Selector

3) recoil-test

• Recoil
  • atom
  • selector (get/set)

4) Kanban-app

• react-beautiful-dnd
  • drag & drop
• reordering
  • splice()
• React Memo
• useRef() / reference

5) animation-test

• Framer Motion
• Variants
• Transition
  • delayChildren
  • staggerChildren
• MotionValue
  • useMotionValue()
  • useTransform()
  • useViewportScroll()
• SVG Animation
  • path
  • pathLength
• AnimatePresence
• Slider
  • custom
  • exitBeforeEnter
• Layout props

4. 최종

1) netflix-clone