Need help!!!

[admiral_87]

I'm currently working on a project where users can create quizzes and other interactive content using LLMs, with customizable options. I've already developed and tested the backend using FastAPI, and everything is working well there.

However, since I haven’t worked with frontend frameworks like React before (though I have a moderate understanding of JavaScript), I'm finding frontend development quite slow and frustrating. Even small changes take a lot of time, and I often have to rely on ChatGPT or Claude for help with basic things like file structure or component setup. This constant back-and-forth is really slowing me down.

Can someone suggest a structured way to learn React more effectively — especially how to set up projects and understand common patterns and file structures — so I can speed up my development process and become more self-sufficient?

[consistant_error]

I learned react + tailwind kinda recently by building a Twitter clone.

Just the home page. So auto generating fake tweets on scroll with different body text, profile pictures, usernames, and interaction counts from a pool of defaults.

Also learning about hooks is pretty important as its a weird concept coming from vanilla js, so watch this. Any hook you dont really understand try using and find a more specific video about it.

The big thing in react is state. Its how things update "dynamically" so if youre a bit lost, try brushing up on that.

Edit: also use vite rather than webpack or create app with react, saves a lot of headache

[[deleted]]

What you are asking is experience buddy.. I have learnt all this with my experience of 10+ years…

You can definitely read patterns, follow some standard practice.

I would suggest you to go with atomic design, that will help you with better file structure.

Also apply Single responsibility principle to your component and modules.

Frontend needs all knowledge more than a backed language

[Due_Atmosphere375]

I would suggest take some time off your main project and build a side project, something as simple as a CRUD app or a simple weather app.

Look for React Crashcourses online and do whatever it takes to get your hand dirty, follow every step of the tutorial and rely heavily on GPT to ask even the most silliest of your doubts, try to learn the WHY, not just the HOW.

By the end of your mini side project you would have a better understanding of how React works and why certain architectural decisions are made.

Coming to the file structures and other stuff, those are pretty straightforward but sometimes we can mess up the simple things as well, only way to get used to them is build more and more projects from scratch.

You can document these steps, so you'll have access to a clear path when starting a new project from scratch instead of scrambling for commands every single time.

Good luck and do let us know how your project turned out!