Software that builds software
Teaching AI to act in its natural
environment, the computer.
environment, the computer.
Code completion that operates across your repository.
Magic helps you edit code across your entire repository.
function LondonTemperature() {
const WEATHER_URL = "...";
const [temperature, setTemperature] = useState();
useEffect(() => {
fetch(WEATHER_URL)
.then(response => response.json())
.then(({daily}) => setTemperature(daily.temperature_2m_max))
}, []);
return <div className="p-4 border rounded">
The highest temperature in London today is
<span className="font-bold"> {temperature}°C</span>.
</div>;
}
const WEATHER_URL = "...";
const [temperature, setTemperature] = useState();
useEffect(() => {
fetch(WEATHER_URL)
.then(response => response.json())
.then(({daily}) => setTemperature(daily.temperature_2m_max))
}, []);
return <div className="p-4 border rounded">
The highest temperature in London today is
<span className="font-bold"> {temperature}°C</span>.
</div>;
}
suggested by 
For decades, technology has been just a tool. Soon, it will be your partner.
What if you had a colleague inside your computer? We're working on fundamental research challenges to make this possible, and we're hiring!
Hey, what is this code doing?
Seems to be a calculator app written in React.
Can we add multiplication and division?
Sure thing!
Hey, what is this code doing?
function AlgebraModule() {
...
return <>
<Button
operation={(a, b) => a + b}
name="Add"/>
<Button
operation={(a, b) => a - b}
name="Subtract"/>
{result}
</div>
</>;
}
...
return <>
<Button
operation={(a, b) => a + b}
name="Add"/>
<Button
operation={(a, b) => a - b}
name="Subtract"/>
<Button
operation={(a, b) => a * b}
name="Multiply"/>
operation={(a, b) => a * b}
name="Multiply"/>
<Button
operation={(a, b) => a / b}
name="Divide"/>
<div>operation={(a, b) => a / b}
name="Divide"/>
{result}
</div>
</>;
}