Michael Nascimento mikansc

## App.jsx
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);

## App.jsx
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;

## Image.jsx
import React from "react";
import PropTypes from "prop-types";

export const Image = (props) => {
  const { src, alt } = props;
  return (
    <picture>
      <source
        type="image/webp"
        srcSet={`

## axiosService.js
import axios from "axios";
import { buildAxiosConfig } from "./configUtils.js";

// ------------------ AXIOS

export const fazerLogin = (usuario, senha) => {
  const dados = {
    username: usuario,
    password: senha,
  };

## index.html
<!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>

## Conta.cs
namespace OrietacaoObjeto;

class Conta
{
  private decimal Saldo;
  public string Titular { get; set; }

  public Conta(string nomeTitular, decimal saldoInicial)
  {
    Titular = nomeTitular;

## index.html
<!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/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

  <title>Bootstrap Example</title>

## 00 - DDL - Modelagem das tabelas.sql
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,

## 01 - DDL - Criacao das tabelas iniciais (WIP 03-02-2022).sql
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-pratico-de-redux.markdown

      
        
          
            
              
              3 files
            
          
          
            
              
              1 fork
            
          
            
              
                
                0 comments
              
            
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                mikansc
                / exemplo-pratico-de-redux.markdown
            
            
              Created
              January 15, 2021 23:10
            
              
                Exemplo prático de Redux
              
          
        
      
        
  
      
    Exemplo prático de Redux

Exemplo prático de Redux basado no exemplo do curso Modern React With Redux, do Stephen Grider.
A Pen by Michael Nascimento on CodePen.
License.
	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/bootstrap@5.1.3/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
	);