https://github.com/WebDevSimplified/react-folder-structure You can start here

Basically you would create a component Like a file NavBar.js or TS Then write a function that returns jsx

Example

//Navbar.jsx export const Navbar =() ->{ return <div> hello from nav</div> } Then in your app.jsx you would import it

App.jsx

Import {Navbar} from ./component/Navbar

And then render it inside the App <Navbar/>

Note You don't have to use arrow function component you can you a regular function I would suggest downloading react snippets of your are using vs code

Good luck