windsuzu/react-bookkeeping

A bookkeeping app designed by react.js.

React Bookkeeping

A bookkeeping application built with react.js.
View Demo · Report Bug · Request Feature

Table of Contents

• About
• Examples
  • ⚙️ JSX Components
  • 🚥 State and Event
  • 💪 Flexible design
• Preview
• License
• Contact
• Acknowledgements

---

About

React BookKeeping 展示 react.js 的基本核心概念。主要可以分為三個方向： JSX component 的相關概念 例如 props, styling, composition State 和 Event 的相關概念 例如 useState, eventHandler, two-way binding, bottom-up communication, state lifting 彈性化設計的相關概念 例如 stateful list, conditional content, dynamic styles Built With HTML5, CSS3, Javascript ES6 React.js [DEMO] : https://windsuzu.github.io/react-bookkeeping

---

Examples

⚙️ JSX Components

• Props e.g. [parent component] [child component]
• Global Styling e.g. [stylesheet] [import]
• Composition e.g. [Expenses.js]
• Wrapper Component e.g. [Card.js]

🚥 State and Event

• useState e.g. [filteredYear]
• EventHandler e.g. [filterChangeHandler]
• Bottom-up Communication e.g. [parent component] [child component]
• Two-way Binding e.g. [ExpensesFilter]
• State Lifting e.g. [add new expense]

💪 Flexible design

• List Rendering e.g. [expenses list]
• Conditional Content e.g. [new expense panel]
• Dynamic Styles e.g. [chart bar]

Preview

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Reach out to the maintainer at one of the following places:

• GitHub discussions
• The email which is located in GitHub profile

Acknowledgements

• Maximilian Schwarzmüller