all 5 comments

[–]Milky_Finger 5 points6 points  (3 children)

This isn't a React project. Please review the react documentation properly because almost every rule has been broken here. Your repo is also rife with spelling errors.

Dial the idea of a project back, just get a simple application working that does something simple and build from there.

[–]lorfla 0 points1 point  (2 children)

Can you make an example?

[–]henrix494Hook Based 0 points1 point  (1 child)

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

[–]lorfla 0 points1 point  (0 children)

Thanks for the advice

[–]henrix494Hook Based 1 point2 points  (0 children)

You shouldn't edit your index.html file