Skip to content

Instantly share code, notes, and snippets.

View douglasabnovato's full-sized avatar
:octocat:
<Html/><Css/><Javascript/><ReactJS/>

Douglas Antonio Braga Novato douglasabnovato

:octocat:
<Html/><Css/><Javascript/><ReactJS/>
227 followers · 278 following
View GitHub Profile
@douglasabnovato
douglasabnovato / gist:9ac91aae963d5dbc38ac0d34dc24dbb5
Last active December 23, 2020 22:04
importar a base de dados em R
# carregar base de dados em excel (import dataset from text (base)): BasesEstados
library(readxl)
BasesEstados <- read_excel("C:/Program Files/RStudio/Base_de_dados-master/BasesEstados.xlsx")
View(BasesEstados)
# carregar base de dados em csv (import dataset from text (readr)): FifaData.csv
library(readr)
Fifa <- read_csv("C:/Program Files/RStudio/Base_de_dados-master/FifaData.csv")
View(Fifa)
@douglasabnovato
douglasabnovato / gist:aad48697c465e01c434c256210f0aacb
Last active December 23, 2020 21:56
manipular o base de dados
#resumo da variável
summary(CARROS$kmporlitro)
summary(BasesEstados$PIB)
#verificar os tipos dos objetos
class(Fifa$Nationality)
class(CARROS$Tipodecombustivel)
#transformar o tipo da variável
CARROS$Tipodecombustivel <- as.factor(CARROS$Tipodecombustivel)
@douglasabnovato
douglasabnovato / gist:65c117599783a36a393e60c6abb25bf8
Last active December 23, 2020 22:04
construir estatísticas em R
# criar uma nova tabela
tabela_combustível <- table(CARROS$Tipodecombustivel_2)
# exibir a tabela com número absoluto
tabela_combustível
# exibir a tabela com número relativo
prop.table(tabela_combustível)
# exibir a tabela com número relativo em percentual
@douglasabnovato
douglasabnovato / Post.js
Last active January 26, 2021 01:34
O código acima significa que estender a classe Component presente no pacote do React toda vez que criar um novo componente baseado em classe.
import React from ‘react’;
class Post extends React.Component {
//componentização
}
@douglasabnovato
douglasabnovato / Post.js
Created January 26, 2021 01:27
Componente Post com H1 com hello world
//components/Post.js
import React from ‘react’;
class Post extends React.Component {
render(){
return <h1> Hello World</h1>
}
}
@douglasabnovato
douglasabnovato / Post.js
Last active January 26, 2021 01:38
esse componente seja acessível por outros, exportando-o. Adicionar o prefixo export default antes da definição da classe.
import React from ‘react’;
export default class Post extends React.Component {
//componentização
}
@douglasabnovato
douglasabnovato / Lista.js
Last active January 26, 2021 01:45
Como tudo no react são componentes, em qualquer outra classe do nosso projeto podemos importar nosso componente e exibí-lo dentro do método render em forma de tag
import React from ‘react’;
import Post from ‘Post’;
class Lista extends React.Component {
render(){
return (
<Post/>
<Post/>
<Post/>
);
@douglasabnovato
douglasabnovato / Lista.js
Created January 26, 2021 02:04
repassar um título para cada post através do componente de Lista e exibí-lo em tela no Post
import React from ‘react’;
import Post from ‘Post’;
class Lista extends React.Component {
render(){
return (
<Post title=”Aprendendo React”/>
<Post title=”A Rocketseat é massa !”/>
<Post title=”Não sei mais títulos.”/>
);
@douglasabnovato
douglasabnovato / Post.js
Created January 26, 2021 02:06
no componente de Post podemos acessar essa propriedade acessando a variável this.props
//components/Post.js
import React from ‘react’;
class Post extends React.Component {
render() {
return <h1>{this.props.title}</h1>
}
}
@douglasabnovato
douglasabnovato / Lista.js
Created January 26, 2021 02:14
em nosso componente precisamos de uma variável para armazenar essa lista de posts. Podemos definir nosso estado com uma variável state logo após a definição da classe.
//components/Lista.js
import React from ‘react’;
import Post from ‘Post’;
class Lista extends React.Component {
state = {
posts: [
{id: 1, title: ‘Aprendendo React.’},