프로그래머스에서 실습한 리액트 컴포넌트 모음
- craco yarn add @craco/craco
설치 이후 package.json에서 scripts를 다음과 같이 변경
"scripts": { "start": "craco start", "build": "craco build" },
- emotion yarn add @emotion/react yarn add @emotion/styled yarn add -D @emotion/babel-preset-css-prop
이후 프로젝트 최상단에서 craco.config.js 파일을 생성하고 다음의 내용을 입력 module.exports = { babel: { presets: ["@emotion/babel-preset-css-prop"], }, }
-
storybook npx -p @storybook/cli sb init
-
feather icon npm install feather-icons
-
axios yarn add axios
-
React Router yarn add react-router-dom
설치 이후 craco.config.js 파일을 다음과 같이 변경
const path = require('path');
module.exports = { babel: { presets: ["@emotion/babel-preset-css-prop"], }, webpack: { alias: { '@components': path.resolve(__dirname, 'src/components'), '@hooks': path.resolve(__dirname, 'src/hooks'), '@contexts': path.resolve(__dirname, 'src/contexts'), '@pages': path.resolve(__dirname, 'src/pages'), } } }
src/index.js 에서 을 로 감싸줌
- Redux for typescript npx create-react-app ../typescript-components --templete typescript yarn add -D @types/react yarn add -D @types/react-router-dom (?)
yarn add redux react-redux yarn add redux-logger yarn add -D @types/redux-logger yarn add -D redux-devtools-extension yarn add redux-persist yarn add -D @types/redux-persist