React: conheça as novidades da versão 18 do React

React: conheça as novidades da versão 18 do React | Alura Cursos Online

const Contador = () => {
    const [contador, setContador] = useState(0);
    const incrementar = () => {
        setContador(estadoAtual => estadoAtual + 42);
        setContador(estadoAtual => estadoAtual + 84);
    };
    const incrementarDaquiUmSegundo = () => {
        setTimeout(() => {
            setContador(estadoAtual => estadoAtual + 42);
            setContador(estadoAtual => estadoAtual + 84);
        }, 1000);
    };
    return (
        <div>
            <strong>{contador}</strong>
            <button onClick={incrementar}>Incrementar</button>
            <button onClick={incrementarDaquiUmSegundo}>Incrementar daqui um segundo</button>
        </div>
    );
};

import React, { Suspense, lazy } from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
const Home = lazy(() => import('./routes/Home'));
const Sobre = lazy(() => import('./routes/Sobre'));
const App = () => (
  <Router>
    <Suspense fallback={<div>Carregando...</div>}>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/sobre" element={<Sobre />} />
      </Routes>
    </Suspense>
  </Router>
);

Outras empresas do Grupo Alun

Outras empresas do Grupo Alun

Outras empresas do Grupo Alun

Outras empresas do Grupo Alun

React: conheça as novidades da versão 18 do React

Vinicios Neves

Explore por tópico

O que é preciso para usar a versão 18 do React JS

Uptade das versões

Renderização

Principais pontos da versão 18 do React JS

Vinicios Neves

Inscreva-se em nossa Newsletter

Explore por tópico

O que é preciso para usar a versão 18 do React JS

Leia também

Uptade das versões

Renderização

Principais pontos da versão 18 do React JS