Natuurlijk! Hier is een stapsgewijze gids om een persoonlijke AI-coach binnen Cursor op te zetten die je realtime feedback geeft op je JavaScript-code, gericht op leesbaarheid en performance: 1. **Verken de AI-integratie in Cursor:** - Controleer of Cursor ondersteuning biedt voor AI-plugins of integraties. - Als dat mogelijk is, ga naar de instellingen of marketplace van Cursor om een AI-coach of code-analyse tool te installeren. 2. **Gebruik bestaande AI-plugins of -features:** - Kijk of Cursor al ingebouwde functies heeft voor code review of suggesties. - Activeer deze functies en stel ze in op het geven van feedback over JavaScript-code, vooral gericht op leesbaarheid en performance. 3. **Configureer de AI-coach voor jouw focusgebieden:** - Als er opties zijn voor het aanpassen van feedbackgebieden, selecteer dan specifiek: - Leesbaarheid (bijvoorbeeld: duidelijke naamgeving, structuur, commentaar) - Performance (bijvoorbeeld: efficiënte fetch-aanroepen, minimaliseren van onnodige calls) 4. **Stel een workflow in voor realtime feedback:** - Zorg dat je bij het schrijven van code in Cursor automatische analyses krijgt. - Gebruik bijvoorbeeld een korte delay of automatische linting die je code beoordeelt terwijl je typt. 5. **Gebruik jouw voorbeeldcode als test:** - ```javascript function fetchData() { fetch('api/data') .then(res => res.json()) .then(data => console.log(data)); } ``` - Laat de AI-coach deze code analyseren en vraag expliciet om feedback op: - Leesbaarheid (bijvoorbeeld: gebruik van async/await voor meer duidelijkheid) - Performance (bijvoorbeeld: error handling, optimalisatie van fetch) 6. **Verbeter je code op basis van AI-advies:** - Bijvoorbeeld, voor betere leesbaarheid: ```javascript async function fetchData() { try { const res = await fetch('api/data'); const data = await res.json(); console.log(data); } catch (error) { console.error('Fout bij ophalen data:', error); } } ``` - Voor performance en best practices, vraag de AI-coach suggesties over het minimaliseren van netwerkverzoeken of het vermijden van onnodige fetch-aanroepen. 7. **Automatiseer en verfijn je feedbackproces:** - Stel automatische code reviews in die na elke wijziging een rapport geven. - Gebruik feedback van de AI om je codepraktijken continu te verbeteren. 8. **Blijf leren en aanpassen:** - Experimenteer met verschillende instellingen en prompts om de feedback meer op jouw stijl af te stemmen. - Documenteer de meest waardevolle suggesties en pas ze toe in je workflow. **Samenvatting:** - Controleer of Cursor AI-integraties ondersteunt. - Activeer en configureer AI-analyses gericht op JavaScript. - Gebruik specifieke prompts en voorbeelden om gerichte feedback te krijgen. - Pas je code bij op basis van AI-adviezen en leer continu bij. Veel succes met het verbeteren van je JavaScript vaardigheden!

Hier is een stapsgewijze handleiding om een persoonlijke AI-coach in Cursor op te zetten voor je JavaScript-code: ## 1. Cursor Rules instellen voor permanente feedback Maak een `.cursorrules` bestand in je projectroot: ```javascript /* AI COACH REGELS - JAVASCRIPT */ // Focus: Leesbaarheid & Performance // LEESBAARHEID REGELS: - Gebruik betekenisvolle variabelenamen - Houd functies kort en gericht (max 20 regels) - Gebruik consistente indentatie (2 spaties) - Voeg JSDoc comments toe voor complexe functies - Vermijd geneste callbacks, gebruik async/await - Groepeer gerelateerde code samen // PERFORMANCE REGELS: - Minimaliseer DOM-operaties - Gebruik efficiënte array methods (map/filter i.p.v. for-loops waar mogelijk) - Vermijd memory leaks door event listeners proper te cleanupen - Cache herhaaldelijk gebruikte selectors - Gebruik debouncing voor frequent events // SPECIFIEKE FEEDBACK VOOR VOORBEELDCODE: function fetchData() { // SUGGESTIE: Voeg error handling toe // SUGGESTIE: Return de data i.p.v. direct te loggen // SUGGESTIE: Gebruik async/await voor betere leesbaarheid } ``` ## 2. Verbeterde versie van je voorbeeldcode ```javascript /** * Haalt data op van de API en retourneert deze * @returns {Promise<Object>} De opgehaalde data */ async function fetchData() { try { const response = await fetch('api/data'); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); return data; } catch (error) { console.error('Fout bij ophalen data:', error); throw error; // Herwerp de error voor verdere afhandeling } } // Gebruik: // fetchData().then(data => console.log(data)).catch(error => // handle error); ``` ## 3. Cursor gebruiken als realtime coach ### Tijdens het coderen: 1. **Selecteer code** → Ctrl+K → "Review deze code op leesbaarheid en performance" 2. **Vraag specifieke feedback**: "Hoe kan ik deze functie performanter maken?" 3. **Gebruik quick fixes**: Cursor suggereert automatisch verbeteringen ### Voorbeeld prompts voor je coach: - "Analyseer de performance van deze functie" - "Is deze code gemakkelijk te lezen en te onderhouden?" - "Toon me een meer efficiënte manier om dit te schrijven" - "Heeft deze code memory leak risico's?" ## 4. Aanvullende instellingen ### In Cursor Settings: - Zet "Auto-suggestions" aan - Stel "Code review intensity" in op hoog - Activeer "Performance warnings" ### Maak een feedback-log: ```javascript // feedback-log.md ## Code Review Log - [datum]: Verbeterde fetchData met error handling - [datum]: Geoptimaliseerde array operations in [bestandsnaam] - [datum]: Leesbaarheid verbeterd door functies te splitsen ``` ## 5. Continue verbetering 1. **Wekelijkse review**: Vraag Cursor je meest geschreven code te analyseren 2. **Pattern detectie**: "Welke fouten maak ik vaak in mijn JavaScript?" 3. **Best practices**: "Toon me de nieuwste JavaScript performance tips" Deze setup geeft je directe, contextuele feedback terwijl je code schrijft, precies afgestemd op je focusgebieden leesbaarheid en performance!