djl218/patientor

Maintain patient records with TypeScript

Patientor Frontend

This is the frontend code for the Patientor app. An app that uses TypeScript to manage patient data.

The state management is built using React Hooks useContext and useReducer. The styling is done with Semantic UI and React Router is used for navigation. Also Formik is used for form handling.

TypeScript features in this app:

• Utility types
• Union types
• Exhaustive type checking
• Interfaces
• Configuration rule: noImplicitAny
• @typescript-eslint
• React components with TypeScript
• TypeScript modules

Benefits of using TypeScript:

• Type checking
• Static code analysis
• Type annotations act as code level documentation
• Smarter intellisense
• Prevention of passing extra/unwanted props to components
• Ensures that required props are passed to components
• Guarantees that only props of correct types are passed to components

Backend code