In this fork the line item logic has been placed in a generic custom hook and all the classes have been converted into functional components.
Otherwise original README below still applies:
An example of an Invoice component built with React that enables users to create invoices.
Totals are updated automatically as the user types values into the form fields.
Features:
- Drag-and-drop reordering of invoice line items implemented with
react-beautiful-dnd - SCSS Modules and CSS grid for style/layout.
- SVG UI icons from
react-icons(docs: https://react-icons.netlify.com/#/icons/md)
The project code relates to posts on my blog at https://firxworx.com.
The project was bootstrapped with Create React App v2.
Preview (cropped):
Drag and Drop:
To run the project locally in development mode, navigate to the project folder in your Terminal and run:
yarn start
Go to http://localhost:3000 to view it in the browser.
MIT
Kevin Firko @firxworx hello@firxworx.com
December 2018