erpushpinderrana/interface-props-react-typescript

Use Interface Props in Functional Components Using TypeScript with React - https://www.pluralsight.com/guides/use-interface-props-in-functional-components-using-typescript-with-react

Start Project

In the project directory, you can run:

yarn install

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

TypeScript Component for Tabular View

• <BudgetOverview.tsx> is a Function Component which uses TypeScript interface as props to render the tabular view.

• interfaces.ts is a TypeScript file containing the code that defines the shape of Budget.

Build Project

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.