Em breve

Prática de React

Crie componentes reais, explore padrões e domine React, com uma IDE Sandpack ao vivo dentro de cada desafio.

Em breve

Prática de React

Crie componentes reais com uma IDE Sandpack ao vivo. Sem configuração, sem boilerplate, só React e você.

IDE SandpackReact 19Prévia ao vivo

App.tsx

function Counter() {
  const [count, setCount]
    = useState(0);

  return (
    <button
      onClick={() => 
        setCount(c => c+1)}
    >
      Clicked {count} times
    </button>
  )
}

O ciclo de prática

Ler

Construir

Revisar

Padrões

Mais de 30 padrões de React

Do javascript-react-patterns da Lydia Hallie, transformados em desafios interativos.

ContainerHOCCompoundRender PropsCustom HooksObserverProviderProxyPrototypeModuleSingleton+20 a mais

Perguntas em destaque

Comece com esses desafios populares

Ver todas (155)

#1Iniciante

Qual o resultado?

function sayHi() {
  console.log(name);
  console.log(age);

scopeobjects+1

Praticar

#2Iniciante

Qual o resultado?

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1);
}

asyncoperators

Praticar

#3Iniciante

Qual o resultado?

const shape = {
  radius: 10,
  diameter() {

types

Praticar

#4Iniciante

Qual o resultado?

+true;
!"Lydia";

types

Praticar

#5Iniciante

Qual é a alternativa correta?

const bird = {
  size: "small"
};

types

Praticar

#6Iniciante

Qual o resultado?

let c = { greeting: "Hey!" };
let d;

fundamentals

Praticar

JS Questions Lab

DomineJavaScript.Umaperguntadecadavez.

Execute código no navegador, visualize o event loop e grave os mecanismos na memória. Um instrumento de precisão para preparação de entrevistas.

Criado por @kitsunekode. Baseado em perguntas da Lydia Hallie.

demo.js

function getAge() {
  'use strict';
  age = 21;
  console.log(age);
}

getAge();

80 Perguntas•12 Tópicos•100% Grátis•Código Aberto•74 Snippets executáveis•

Em breve

Prática de React

Crie componentes reais, explore padrões e domine React, com uma IDE Sandpack ao vivo dentro de cada desafio.

Em breve

Prática de React

Crie componentes reais com uma IDE Sandpack ao vivo. Sem configuração, sem boilerplate, só React e você.

IDE SandpackReact 19Prévia ao vivo

App.tsx

function Counter() {
  const [count, setCount]
    = useState(0);

  return (
    <button
      onClick={() => 
        setCount(c => c+1)}
    >
      Clicked {count} times
    </button>
  )
}

O ciclo de prática

Ler

Construir

Revisar

Padrões

Mais de 30 padrões de React

Do javascript-react-patterns da Lydia Hallie, transformados em desafios interativos.

ContainerHOCCompoundRender PropsCustom HooksObserverProviderProxyPrototypeModuleSingleton+20 a mais

Como funciona

O ciclo de prática

Um ciclo de feedback projetado com precisão para gravar JavaScript avançado na sua memória de longo prazo.

Encontre uma pergunta

Filtre por tópico, ajuste a dificuldade ou pesquise diretamente um conceito.

Comprometa-se com uma resposta

Sem espiar. Force-se a se comprometer antes que a explicação seja revelada.

Execute o código

Abra o rascunho. Execute os trechos. Veja a saída imediatamente.

Entenda o porquê

Aprofunde-se na explicação. Desconstrua o event loop e o contexto de execução.

Cobertura

Domine cada conceito

Cobertura abrangente de 9 tópicos principais

objects

54 desafios

types

47 desafios

fundamentals

35 desafios

arrays

35 desafios

scope

16 desafios

async

13 desafios

operators

13 desafios

prototypes

10 desafios

generators

7 desafios

let c = { greeting: "Hey!" };
let d;

fundamentals

Praticar