https://github.com/joshk2/basic-todo-app-using-bit

A highly-modular React todo application composed of reusable components from 5 different collections. Full-blown software modularity.
https://github.com/joshk2/basic-todo-app-using-bit

create-react-app grommet primereact react react-components semantic-ui-react ui

Last synced: about 2 months ago
JSON representation

A highly-modular React todo application composed of reusable components from 5 different collections. Full-blown software modularity.

• Host: GitHub
• URL: https://github.com/joshk2/basic-todo-app-using-bit
• Owner: JoshK2
• License: mit
• Created: 2019-02-19T17:24:54.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T04:24:03.000Z (about 2 years ago)
• Last Synced: 2024-10-13T11:12:59.478Z (2 months ago)
• Topics: create-react-app, grommet, primereact, react, react-components, semantic-ui-react, ui
• Language: JavaScript
• Homepage: https://bit.dev/joshk/basic-todo-app
• Size: 1.47 MB
• Stars: 15
• Watchers: 2
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Highly-modular React Todo application built of reusable Bit components [![components](https://img.shields.io/bit/collection/total-components/joshk/basic-todo-app.svg)](https://bit.dev/joshk/basic-todo-app)

A basic React todo aplication composed of [bit](https://bit.dev) componnets shared from 5 different popular React UI libraries inlcuding [Grommet](https://github.com/grommet/grommet), [Semantic-UI React](https://github.com/Semantic-Org/Semantic-UI-React), [Primereact](https://github.com/primefaces/primereact) and [Lodash](https://github.com/lodash/lodash). 

All the reusable components used to build this app are [availabe in this collection](https://bit.dev/joshk/basic-todo-app).

The final todo application is also [available as a reusbale bit component](https://bit.dev/joshk/basic-todo-app/todo-app), which can be extended and composed with other components to build larger applications.



  



## Motivation

Demonstrating software modularity in the age of components with React and Bit.

## Tutorial

See the full tutorial- build your own modular application with reusable components.

**[Build a Super Modular Todo App with React and Bit Components](https://blog.bitsrc.io/build-a-super-modular-todo-app-with-react-and-bit-components-aa06bbac4084)**.

## Wich components I used?

### Semantic UI React  

[semantic-ui-react list component](https://bit.dev/semantic-org/semantic-ui-react/list)  

[semantic-ui-react icon component](https://bit.dev/semantic-org/semantic-ui-react/icon)  

[semantic-ui-react css link component](https://bit.dev/semantic-org/semantic-ui-react/internal/style-links)  

### PrimeReact

[primereact inputtextarea component](https://bit.dev/primefaces/primereact/inputtextarea)   

[primereact button component](https://bit.dev/primefaces/primereact/button)  

[primereact css link component](https://bit.dev/primefaces/primereact/internal/stylelinks)  

### Grommet

[grommet button component](https://bit.dev/grommet/grommet/button)  

### grommet-icons

[grommet-icons add component](https://bit.dev/grommet/grommet-icons/add)  

### lodash

[lodash unique-id component](https://bit.dev/lodash/lodash/unique-id)  

### to install them in your project

```bash

yarn add @bit/semantic-org.semantic-ui-react.list  

yarn add @bit/semantic-org.semantic-ui-react.icon  

yarn add @bit/semantic-org.semantic-ui-react.internal.style-links  

yarn add @bit/primefaces.primereact.inputtextarea  

yarn add @bit/primefaces.primereact.button  

yarn add @bit/primefaces.primereact.internal.stylelinks  

yarn add @bit/grommet.grommet.button

yarn add @bit/grommet.grommet-icons.add

yarn add @bit/lodash.lodash.unique-id

```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License

[MIT](https://choosealicense.com/licenses/mit/)