Instagram Frontend Web

• Router
• Reactive Variables
• Auth
• Architecture
• Styles
• Login

setup

$ npx create-react-app instagram_frontend_web --template typescript

$ npm i styled-components react-hook-form react-router-dom @apollo/client graphql react-helmet-async

$ npm i --save @fortawesome/fontawesome-svg-core
  npm install --save @fortawesome/free-solid-svg-icons
  npm install --save @fortawesome/react-fontawesome

$ npm install --save @fortawesome/free-brands-svg-icons
  npm install --save @fortawesome/free-regular-svg-icons


$ npm i --save -D @types/react-dom @types/styled-components



$ yarn add eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react --dev

$ yarn add prettier eslint-config-prettier eslint-plugin-prettier --dev

ts setup

npm i @types/styled-components
apollo client:codegen src/__generated__ --target=typescript --outputFlat

ref

• react ts best practice setup