blogPessoalReact - GitLite

KO | EN

gitlite — search

#react #typescript #android #rust #deep-learning #linux #docker #nodejs #java #windows #cli #awesome-list #vue #ios

blogPessoalReact

(★ 97)

No description available.

File Explorer

Download Latest Version (.zip)

- favicon.ico
- index.html
- logo192.png
- logo512.png
- robots.txt
- App.css
- App.test.tsx
- App.tsx
- index.css
- index.tsx
- react-app-env.d.ts
- reportWebVitals.ts
- setupTests.ts
.gitignore
package.json
README.md
tsconfig.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/conteudoGeneration/blogPessoalReact

Downloads the entire project code from GitHub to your computer.

cd blogPessoalReact

Moves into the project folder you just downloaded.

2. Official Install Script

Easy Recommended

Prerequisites

Node.js Node.js must be installed to use npm.

npm install -g create-react-app

Installs the package published on the npm registry globally — no need to clone the source.

✅ After installing, open a new terminal and run the program's version command (e.g. --version) to confirm it worked.

Pulled directly from this repo's README.

3. Node.js

Easy

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install -g create-react-app

Installs the package published on the npm registry globally — no need to clone the source.

yarn add @material-ui/core@4.12.3

Type this command into your terminal and run it.

yarn add @material-ui/icons@4.11.2

Type this command into your terminal and run it.

yarn add @mui/icons-material@5.0.5

Type this command into your terminal and run it.

yarn add @material-ui/lab@4.0.0-alpha.60

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
	<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1280px-React-icon.svg.png" alt="Logo React" width="120"><br><br>
    Blog Pessoal React
</h1>

<div>
    <p align="center">
<a>
    <img src="https://img.shields.io/static/v1?label=Library&message=React&color=aquamarine&style=for-the-badge&logo=React" alt="Language: React">
</a>
    <a href="#">
        <img src="https://img.shields.io/static/v1?label=Language&message=Typescript&color=blue&style=for-the-badge&logo=Typescript" alt="Language: Typescript">
    </a>
    </p>
</div>

## 📌Pré-Requisitos

**Você deve ter instalado em sua máquina**
- [Node.js](https://nodejs.org/en/)
- [Npm](https://www.npmjs.com/) or [Yarn](https://yarnpkg.com/)
- [Visual Studio Code](https://code.visualstudio.com/)

**Recomendações**
-   Instale a seguinte Extensão no seu VSCode: [ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) 
- 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
```