Full-Stack React Projects - Second Edition

Validating props with PropTypes

To validate the required injection of userId as a prop to the component, we'll add the PropTypes requirement validator to the defined component.

mern-skeleton/client/user/DeleteUser.js:

DeleteUser.propTypes = {  userId: PropTypes.string.isRequired}

Since we are using the DeleteUser component in the Profile component, it gets added to the application view when Profile is added in MainRouter.

With the delete user UI added, we now have a frontend that contains all the React component views in order to complete the skeleton application features. But, we still need a common navigation UI to link all these views together and make each view easy to access for the frontend user. In the next section, we will implement ...