1. Architecture React 18 dans le Navigateur
Créez un projet React 18 depuis la galerie pour bénéficier d’une arborescence complète avec TSX et autocomplétion Monaco.
// src/App.tsx
import React, { useState } from 'react';
export function App() {
const [val, setVal] = useState(0);
return <button onClick={() => setVal(val + 1)}>Compteur : {val}</button>;
}2. Compilation des Composants Vue 3 (.vue)
Les modèles Vue 3 compilent les fichiers .vue directement dans le navigateur avec la Composition API et le scoped CSS.
<!-- src/App.vue -->
<template>
<div>
<h2>Vue 3 dans GB Coder</h2>
<button @click="c++">Clics : {{ c }}</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
const c = ref(0);
</script>3. Commandes Terminal avec xterm.js
Ouvrez le terminal avec Ctrl+` pour installer des dépendances npm ou lancer vos scripts de test.