Logo React

Blog Pessoal React

Language: React Language: Typescript

šŸ“ŒPrĆ©-Requisitos

VocĆŖ deve ter instalado em sua mĆ”quina

RecomendaƧƵes

  • Instale a seguinte ExtensĆ£o no seu VSCode: ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace
  • ApĆ³s a instalaĆ§Ć£o da ExtensĆ£o, vocĆŖ pode usar dentro dos arquivos .JSX/.TSX os Atalhos:
    • rfce: cria um componente de funĆ§Ć£o com exportaĆ§Ć£o;
    • rafce cria um componente de funĆ§Ć£o com arrowfunction com exportaƧao;

šŸ“•InstalaĆ§Ć£o

Criando/Instalando o React

npm install -g create-react-app
npx create-react-app blog-pessoal --template typescript 

InstalaĆ§Ć£o do Material UI

yarn add @material-ui/core@4.12.3
yarn add @material-ui/icons@4.11.2
yarn add @mui/icons-material@5.0.5
yarn add @material-ui/lab@4.0.0-alpha.60
yarn add @emotion/react@11.5.0
yarn add @emotion/styled@11.3.0
yarn add @mui/material@5.0.6

InstalaĆ§Ć£o da React Router Dom

yarn add react-router-dom@6

InstalaĆ§Ć£o do Axios

yarn add axios@0.21.4

InstalaĆ§Ć£o do useLocalStorage

yarn add react-use-localstorage@3.5.3

InstalaĆ§Ć£o do Redux

yarn add @types/redux@3.6.0 react-redux@7.2.5

InstalaĆ§Ć£o da React-toastify

yarn add react-toastify@8.0.3