| sudo apt-get install curl |
| curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - |
| npm install -g create-react-app |
| sudo chown -R bitai /usr/lib/node_modules |
| sudo chown -R bitai /usr/bin/create-react-app |
| |
| sudo npm install -g create-react-app |
| create-react-app react_frontend |
| cd react_frontend |
| npm start |
| |
| npm install bootstrap react-bootstrap --save-dev |
| npm install react-router-dom --save-dev |
| npm install axios --save-dev |
| |
| npm add node-sass |
| |
| ### Yarn Install |
| curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add - |
| echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list |
| sudo apt-get update |
| sudo apt-get install yarn |
| |
| ### How to check successful Install (1.22.5) |
| yarn -version |
| |
| ### Let's make config directory |
| yarn eject |
| |
| if error) git commit! |
| |
| npm uninstall --save-dev sass-loader |
| npm install --save-dev sass-loader@7.1.0 |
| |
| ### When '~include-.....' does not work |
| @import '~include-media/dist/include-media' |
| @import '~open-color/open-color' |
| |
| npm add open-color include-media |
| |
| ### Auto Styling Page |
| https://styled-components.com/docs/advanced#media-templates |
| |
| ### How to use upon information |
| npm add styled-components |
| |
| ### For ToDo App |
| npm add node-sass classnames react-icons |
| |
| ### For High Performance & Support Plugins |
| npm add react-virtualized |
| npm add immer |
| npm add react-router-dom |
| npm add axios |
| npm add redux-devtools-extension :크롬 익스텐션인 Redux-devtools를 사용할 수 있도록 함 |
| npm install --save redux react-redux |
| npm add redux-actions |
| npm add redux-logger :State, Props등을 콘솔에서 보여줌 |
| npm add redux-thunk :비동기 작업을 도움 |
| npm add redux-saga :redux-saga 는 리액트/리덕스 애플리케이션의 사이드 이펙트, 예를 들면 데이터 fetching이나 브라우저 캐시에 접근하는 순수하지 않은 비동기 동작들을, 더 쉽고 좋게 만드는 것을 목적으로하는 라이브러리 |