Providing professional, comprehensive, and efficient full-stack web learning. Offering over 40 practical-level full-stack web projects.
TopcoderFullstack
App.jsx
import { useState } from 'react'
import { Switch } from '@headlessui/react'
import React from 'react'
import { Routes, Route } from 'react-router-dom'
import Home from './pages/Home'
import Projects from './pages/Projects'
import NotFound from './pages/404'
function Example() {
const [enabled, setEnabled] = useState(true)
return (
<form action="/notification-settings" method="post">
<Switch checked={enabled} onChange={setEnabled} name="notifications">
{/* ... */}
</Switch>
<button>Submit</button>
</form>
)
}
export default function App() {
return (
<Routes>
<Route path="/" element={<Home />} />
<Route path="/project" element={<Project />} />
<Route path="/*" element={<NotFound />} />
</Routes>
)
}
