1. React 18 Starter Projecten
Kies een React 18 starter uit de galerij om direct te werken met TSX-bestanden en volledige IntelliSense in Monaco.
// src/App.tsx
import React, { useState } from 'react';
export function App() {
const [count, setCount] = useState(0);
return <button onClick={() => setCount(count + 1)}>Clicks: {count}</button>;
}2. Vue 3 Single-File Components
Schrijf .vue-bestanden met <script setup> en stijlen die direct in het browsergeheugen worden gecompileerd door de officiële Vue-compiler.
<!-- src/App.vue -->
<template>
<div>
<h2>Vue 3 in GB Coder</h2>
<button @click="val++">Teller: {{ val }}</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
const val = ref(0);
</script>3. Terminalcommando’s Uitvoeren
Gebruik de ingebouwde xterm.js-terminal om npm-pakketten te installeren en ontwikkelservers te starten.