우사미 코딩

예전에 App.js에 CRUD function만들었던걸 모두 context에 옮길거임 - books.js (context) import { createContext, useCallback, useState } from 'react'; import axios from 'axios'; const BooksContext = createContext(); function Provider({ children }) { const [books, setBooks] = useState([]); const fetchBooks = useCallback(async () => { const response = await axios.get('http://localhost:3001/books'); setBooks(response...

정보를 공유할 때 사용한다 현재 우리의 앱은 이벤트핸들러(초록색)을 컴퍼넌트 하위요소까지 전달하는 지루하고 실수하기 쉬운 작업들을 하고있는데 refactor을 사용하면 이런 실수를 줄일 수 있다고 함 여기서 중요한 것은 context는 communication chennel이고 data를 공유하는지, 그 처리는 어떻게 되는지 전혀 상관하지 않는다 Redux는 organization data 암틑 컨텍스트를 사용해보도록 하게음 1. context 생성하기 2. context import하기 - index.js render부분을 이렇게 수정하면 app에서 렌더링 하는 모든 요소들은 context.provier의 value를 사용할 수 있다 확인. BookList.js에서 context 불러오고 useCont..