I’m a Full-Stack developer passionate about crafting clear, accessible and thoughtful interfaces — from sleek front-end design to efficient backend architecture. I enjoy building tools that make developers’ lives easier, blending performance, UX and clean code. Currently focusing on React ecosystems, open-source libraries, and developer experience (DX).
import { useQuery } from '@tanstack/react-query'
import axios from 'axios'
import { useState, useRef } from 'react'
const Mattis = (props) => {
const [name, setName] = useState<string>("Mattis")
const ageRef = useRef<number | null>(null)
const student = props.student || false
const discord = "mattis."
const { data: location = "Nantes" } = useQuery({
queryKey: ['location'],
queryFn: async () => {
const res = await axios.get('/api/location')
return res.data?.location ?? "Nantes"
}
})
return (
<input type="number" ref={ageRef} value={22} />
)
}