styled-components의 ThemeProvider

styled-components의 ThemeProvider

오늘의집 클론코딩 프로젝트를 진행하는 도중에 mainColor를 전역 변수로 사용해야함을 느꼈다. 이전에 React Native 프로젝트에서는 Context API를 사용하여 전역 변수를 사용했고, 이번에는 Redux를 사용하여 상태 관리를 하기로 했기 때문에 처음에는 Redux에 전역 변수를 저장해야겠다고 생각했다. 그래서 Redux 내에 initialState에 변수를 선언해놓고 이것을 각 페이지에서 useSelector로 불러온 후, 해당 변수를 styled-components에 props로 전달해주었다. 페이지가 많아지다보니 이러한 작업이 번거롭다고 생각했고, 더 좋은 방법을 찾아보던 중에 styled-components에서 ThemeProvider라는 기능을 제공하고 있다는 것을 알게 되었다. ..

원문링크 : styled-components의 ThemeProvider

 등록된 다른 글

[Axios] Axios interceptor와 react-spinners를 사용하여 로딩 중 상태 구현하기

[Axios] Axios interceptor와 react-spinners를 사용하여 로딩 중 상태 구현하기

[JavaScript] 자바스크립트에서 replaceAll 함수 대체하기 (Feat.정규식)

[JavaScript] 자바스크립트에서 replaceAll 함수 대체하기 (Feat.정규식)

[TypeScript] 리터럴, 유니온, 교차 타입이란?

[TypeScript] 리터럴, 유니온, 교차 타입이란?

[Firebase] Firebase, React를 사용한 간단한 프로그램 만들기 (2) - Firebase를 사용하여 이메일 로그인 구현하기

[Firebase] Firebase, React를 사용한 간단한 프로그램 만들기 (2) - Firebase를 사용하여 이메일 로그인 구현하기

[Firebase] Firebase, React를 사용한 간단한 프로그램 만들기 (3) - Firestore를 사용하여 데이터 다루기

[Firebase] Firebase, React를 사용한 간단한 프로그램 만들기 (3) - Firestore를 사용하여 데이터 다루기

[JavaScript] forEach와 map의 차이

[JavaScript] forEach와 map의 차이

[React] BrowserRouter와 HashRouter의 차이(Browser Router를 사용할 때 새로고침 시 404 에러가 발생하는 이유)

[React] BrowserRouter와 HashRouter의 차이(Browser Router를 사용할 때 새로고침 시 404 에러가 발생하는 이유)

[ESLint] import 순서 자동 정렬하기

[ESLint] import 순서 자동 정렬하기