React: Organize code better?

Hey all,

I am making a RPG in react and I have a lot of functions in my main App component. I end up having to scroll up and down a lot on this one page of code. I was wondering, is there a common practice for being more organized than this? Like, some way to put sections of the code (related functions) in their own page, but still have them “exist” in the main App component?