TS Start on New React TS Application

  • Create an Inext.tsx ( Root file)

 

 

  • Create App.tsx file (Global Component file)
    • A Complete CRUD Appliation wihout using Database

 

 

  • A Table child component
    • React.FC 
      • a type alias for React.FunctionComponent in React's TypeScript typings. It's used to explicitly type a functional React component.
      • React.FC (or React.FunctionComponent) is a generic type that you can use to annotate your functional components
      • New Version
          • This tell TypeScript that:
            • MyComponent is a Functional Component (the FC part).
            • It will receive props that conform to the shape { someProp: string }.
      • Older Version

 

 

  • A Row Item Child Component

 

 

  • A Form Submission Component
    • Add New Item

 

 

 

 


Related Question