1. Архитектура Шаблонов React 18
Выберите шаблон React 18, чтобы получить готовую структуру с TSX и автодополнением Monaco IntelliSense.
// src/App.tsx
import React, { useState } from 'react';
export function App() {
const [c, setC] = useState(0);
return <button onClick={() => setC(c + 1)}>Кликов: {c}</button>;
}2. Компиляция Однофайловых Компонентов Vue 3
Шаблоны Vue компилируют файлы .vue в оперативной памяти браузера с полной поддержкой <script setup> и scoped CSS.
<!-- src/App.vue -->
<template>
<div>
<h2>Vue 3 в GB Coder</h2>
<button @click="val++">Счетчик: {{ val }}</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
const val = ref(0);
</script>3. Работа в Терминале xterm.js
Нажмите Ctrl+` для открытия терминала и установки зависимостей npm install прямо в среде WebContainer.