douglasabnovato

async function conectarComApi() {
  const conectaApi = await fetch("https://api.thecatapi.com/v1/images/search");
  const conectaApiConvertido = await conectaApi.json()
  console.log(conectaApiConvertido);
}

conectarComApi();

douglasabnovato

img = new SimpleImage( "img/circulo.bmp" );
img.setZoom( 20 );
pixel = img.getPixel( 4, 0 );
pixel.setRed( 255 );
print(img);

douglasabnovato

<?php
$array = ['foo' => 'bar'];
echo $array['bar'] ?? 'baz';

douglasabnovato

import React from 'react';
import './AnimalCard.css'

export default function AnimalCard(props) {
  const { name } = props;
  return (
    <h2>{name}</h2>
  );
}

douglasabnovato

import React from 'react';
...
function App() {
  return (
    <div className="wrapper">
      <h1>Animals</h1>
      {data.map(animal => (
        <AnimalCard
          key={animal.name}
          name={animal.name}

douglasabnovato

export default [
  {
    name: 'Lion',
    scientificName: 'Panthero leo',
    size: 140,
    diet: ['meat'],
  },
  {
    name: 'Gorilla',
    scientificName: 'Gorilla beringei',

douglasabnovato

import { useState, useEffect } from "react";

export default function App() {
  const [contador, setContador] = useState(0);

  useEffect(() => {
    return () => console.log("Aqui é quando o componente será desmontado!");
  }, []);

  return (

douglasabnovato

import { useState, useEffect } from "react";

export default function App() {
  const [contador, setContador] = useState(0);

  useEffect(() => {
    console.log("executará o useEffect toda a vez que o [contador] mudar");
  }, [contador]);

  return (

douglasabnovato

import { useState, useEffect } from "react";

export default function App() {
  const [contador, setContador] = useState(0);

  useEffect(() => {
    console.log("executa o useEffect ao renderizar o componente");
  }, []);

  return (

douglasabnovato

import { useState } from "react";

export default function App() {
  const [contador, setContador] = useState(0);

  return (
    <div className="App">
      <h1>Contador: {contador}</h1>
      <button onClick={() => setContador(contador + 1)}>+</button>
    </div>