/react-study

react-study - React Tutorials

Primary LanguageJavaScript

--------------------------------------------------------------------------------

				# REACT-STUDY #

--------------------------------------------------------------------------------

--- React Reference ---

https://reactjs.org/

### React

리액트를 다루는 기술 (개정판) - 내용 정리 
https://github.com/velopert/learning-react

참고소스 learning-react

--------------------------------------------------------------------------------

- Visual Stdudio Code Install

  - Excention
    ESLint
    Reactjs Code Snippets
    Prettier - Code fomatter

- Node.js & NPM Install

- nvm install
  sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

  vi ~/.bash_profile

  export NVM_DIR="$HOME/.nvm"
	[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

  source ~/.bash_profile

  nvm ls

- yarn install
  npm install --global yarn

- React Project Create
  - yarn create react-app react-preoject
  - npm init react-app react-project

- React Hooks Reference
https://nikgraf.github.io/react-hooks/
https://github.com/rehooks/awesome-react-hooks 

# setting
.prettierrc
{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "all",
  "printWidth": 80
}

.jsconfig.json
{
  "compilerOptions": {
    "target": "es6"
  }
}

# yarn instll
yarn add react-router-dom
yarn add axios
yarn add redux
yarn add react-redux
yarn add redux-devtools-etension
yarn add redux-actions
yarn add redux-logger
yarn add redux-thunk
yarn add redux-saga
yarn add @loadbale/component
yarn add immer
yarn add react-virtualized
yarn global add parcel-bundler
yarn add react-icons
yarn add classnames
yarn add styled-components
yarn init -y
yarn add koa
yarn add --dev eslint
yarn run eslint --init
yarn add eslint-config-prettier 
yarn add --dev nodemon
yarn add koa-router
yarn add koa-bodyparser
yarn add mongoose dotenv
yarn add esm
yarn add joi
yarn add bcrpt
yarn add jsonwebtoken
yarn add quill
yarn add react-helmet-async
yarn add koa-static

# flex
http://flexboxfroggy.com/#ko

# mongodb gui client - MongoDB Compass
https://www.mongodb.com/products/compass
https://www.mongodb.com/try/download/compass