«<ForrigeUke /> er en artikkelserie som oppsummerer hva som skjedde i frontend-verden i uken som var.»

Visuell editor i Cursor 🦾

Forrige uke lanserte Cursor en visuell editor som gjør at du nå kan designe nettsider direkte i kodebasen, noe de selv mener vil være med på å tette gapet mellom design og koding.

Den visuelle editoren lar deg endre layouten på en nettside direkte ved hjelp av drag-and-drop, og du kan for eksempel endre rekkefølge på knapper, seksjoner eller teste ulike grid-konfigurasjoner. Så fort det visuelle matcher det du ønsker å lage, forteller du bare agenten at den skal gjøre endringen, så vil den finne de relevante komponentene og endre den undeliggende koden for deg 🤯.

Mange moderne frontend-applikasjoner er bygget med React, og den nye visuelle editoren lar deg også finne props i sidemenyen slik at du kan kontrollere ulike tilstander en komponent kan ha. Du kan også fine-tune styling med slidere, paletter og dine egne fargetokens og designsystem. Til slutt har du også muligheten til å klikke på et element i grensesnittet og beskrive hva du ønsker å endre, så vil agenten gjøre endringene for deg automatisk. Du kan lese hele bloggposten her 👇.

cursor.com

A visual editor for the Cursor Browser

Built to make you extraordinarily productive, Cursor is the best way to code with AI.

Jeg har ikke prøvd dette selv enda, men det er hvert fall noen som mener at jobbene våre er i fare 😅.

x.com

Abhijit (@abhijitwt) on X

FRONTEND JOBS ARE GONE FRONTEND JOBS ARE GONE FRONTEND JOBS ARE GONE FRONTEND JOBS ARE GONE FRONTEND JOBS ARE GONE FRONTEND JOBS ARE GONE FRONTEND ...

AI-oppdatering i VS Code 🤖

Det er ikke bare i Cursor det skjer ting på AI-fronten. VS Code, som brukes av mange frontend-utviklere, har også kommet med ny funksjonalitet. Forrige uke kom de med en lansering som introduserte agentsesjoner i chat-viewet, støtte for isolerte "bakgrunnsagenter" og sømløs delegering mellom agenter. Du kan lære mer her 👇.

x.com

Visual Studio Code (@code) on X

Local, cloud, and background agents, all in a unified experience in @code

Nye sårbarheter i React 😬

I arbeidet med å prøve å utnytte den kritiske sårbarheten i React Server Components (som du kan lese om her ble det oppdaget to nye sårbarheter i React Server Components. Disse sårbarhetene fikk høy og medium score, og er tilstede i noen av de "patchede" versjonene for den kritiske sårbarheten fra tidligere. Det betyr at hvis du har oppdatert til versjon 19.0.2, 19.1.3 eller 19.2.2 så må du oppgradere igjen for å forsikre deg om at du ikke er sårbar. Du kan lese mer her 👇.

react.dev

Denial of Service and Source Code Exposure in React Server Components – React

The library for web and native user interfaces

Det var alt for denne gang, ha en fin uke 👋.