WebPart with simple form to submit row and list all rows using REACT framework in SPFX

Hi Team,

I need to create a simple webpart form, where the form contains a text box to user enter title values,

and a button to submit the SP list row/record.

The button has to bind with the SP list to save the record.

also list out the all list rows in the same webpart. 

Make sure i have use REACT JS in the spfx webpart.

any help/assistance please follow the step-by-step to create this webpart ?