add full react application to sharepoint

[Topgear390]

Hello,

I am  realy a novice about all sharepoint solution i  have myapplication devlopped in React i Mean :

pure React js not microsoft fabric Ui  . 

inside that appilcation  I a have the following part 

-Header with two buttons Home and select section + Search bar (for finding documents )

-a side bar with  two checklist 

- a body with  tabs bar.

- and footer with some centent 

 can i export my application to sharePoint ?

can i  create the same with fabric UI i dont found  the top nav bar each time i  found only the search barre integrate with sharepoint not with react Js

I know this my first interaction with Sharepoint and i need realy some help ?

Thanks in advance

[#2]

Depending on your version of SharePoint, you'll receive different answers. If SharePoint Online, SharePoint 2016 FP2 or SharePoint 2019 I would look into the SharePoint Framework. 
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

This will allow you to create an application and host it in a web part (like a widget) on a page in SharePoint.

If you are using SharePoint 2013+, you can also use a SharePoint Add-In. 
https://docs.microsoft.com/en-us/sharepoint/dev/sp-add-ins/sharepoint-add-ins

[#3]

Thank you for reply
i am using sharepoint 2016 and i don't figr out the principal of widget
did you mean :
i devlopp all my application in my local machine without using Fabric UI . and After that i package my solution with gulp for example and after that i push all in Sharepoint ?
That exactly what i am looking for at the moment.
If possible can i ask you more information (i read documentation but i can't find which part are realetd to my quesion )
Thank you

[#4]

Hi, I'm on same boat right now. Did you able to find solution. If so could you please share how to connect share point to react. Please share steps. TIA@Topgear390