1. Modelos React 18 no Navegador
Inicie um projeto React 18 pela galeria para obter uma estrutura completa com TSX e autocompletar profissional no Monaco.
// src/App.tsx
import React, { useState } from 'react';
export function App() {
const [cliques, setCliques] = useState(0);
return <button onClick={() => setCliques(cliques + 1)}>Cliques: {cliques}</button>;
}2. Compilação de Componentes Vue 3 (.vue)
Projetos Vue 3 compilam arquivos .vue diretamente na memória do navegador com a Composition API e estilos encapsulados.
<!-- src/App.vue -->
<template>
<div>
<h2>Vue 3 no GB Coder</h2>
<button @click="val++">Contador: {{ val }}</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
const val = ref(0);
</script>3. Execução de Comandos no Terminal xterm.js
Abra o terminal com Ctrl+` para executar npm install ou rodar scripts de compilação diretamente no micro-SO WebContainer.