Exemplo prático de Redux basado no exemplo do curso Modern React With Redux, do Stephen Grider.
A Pen by Michael Nascimento on CodePen.
import { useState, useEffect } from "react"; | |
function App() { | |
const corInicial = "btn-primary"; | |
const [nome, setNome] = useState(""); // ["", function() { ... }]; | |
const [cor, setCor] = useState(corInicial); | |
function handleSubmeterFormulario() { | |
alert(nome); |
import { useState } from "react"; | |
const corInicial = "btn-primary"; | |
function App() { | |
const [nome, setNome] = useState("Turma Itaguaçu!!!!!!!!!!!!!!"); | |
const [cor, setCor] = useState(corInicial); | |
document.title = nome; |
import React from "react"; | |
import PropTypes from "prop-types"; | |
export const Image = (props) => { | |
const { src, alt } = props; | |
return ( | |
<picture> | |
<source | |
type="image/webp" | |
srcSet={` |
import axios from "axios"; | |
import { buildAxiosConfig } from "./configUtils.js"; | |
// ------------------ AXIOS | |
export const fazerLogin = (usuario, senha) => { | |
const dados = { | |
username: usuario, | |
password: senha, | |
}; |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Lista de Convidados</title> | |
<link rel="stylesheet" href="style.css"> | |
</head> |
namespace OrietacaoObjeto; | |
class Conta | |
{ | |
private decimal Saldo; | |
public string Titular { get; set; } | |
public Conta(string nomeTitular, decimal saldoInicial) | |
{ | |
Titular = nomeTitular; |
<!DOCTYPE html> | |
<html lang="pt-br"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> | |
<title>Bootstrap Example</title> |
create type periodo_enum as enum ('matutino', 'vespertino', 'noturno') | |
create table turmas ( | |
id serial primary key, | |
nome varchar(80) not null, | |
periodo periodo_enum | |
); | |
create table materias ( | |
id serial primary key, |
create type periodo_enum as enum ('matutino', 'vespertino', 'noturno') | |
create table alunos ( | |
id serial primary key, | |
nome varchar(80) not null, | |
sobrenome varchar(80) not null, | |
telefone varchar(15) not null, | |
data_nascimento date not null, | |
turma_id int not null references turmas | |
); |
Exemplo prático de Redux basado no exemplo do curso Modern React With Redux, do Stephen Grider.
A Pen by Michael Nascimento on CodePen.