Quick start: ASP.Net Core 3.1, Entity Framework Core, CQRS, React JS Series — Part 12: Form creation, validation and post requests

Well organized pieces make it understandable and readable!

Outline

• Github Repository
• Creating modals for success and failure responses
• Install the form creation package
• Using the DynamicFormCreation type for Create record purpose
• Conclusion with demonstration

The parent content of this series: Quick start: ASP.Net Core 3.1, Entity Framework Core, CQRS, React JS Series

Github Repository

alisuleymantopuz/cwa

Creating modals for success and failure responses

Stateless SuccessModal.js

Success modal

Stateless ErrorModal.js

Error modal

Install the form creation package

npm install — save react-interactive-dynamic-form-generator

Using the DynamicFormCreation type for Create record purpose

CreateProduct component;

Imports:

Library imports

Form Fields:

Defined formFields in state object

Component implementation:

Create Product Component

Using in App.js routes

Use it in Routes

Conclusion with demonstration

Modals and forms are created.

Create product

Validation of the form

Success modal

Error modal