All Projects → JoshK2 → basic-todo-app-using-bit

JoshK2 / basic-todo-app-using-bit

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

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to basic-todo-app-using-bit

shopping-cart
A simple Shopping-cart built with React and Django REST Framework(DRF)
Stars: ✭ 41 (+156.25%)
Mutual labels:  create-react-app, semantic-ui-react
Primereact
The Most Complete React UI Component Library
Stars: ✭ 2,393 (+14856.25%)
Mutual labels:  react-components, primereact
grommet-create-react-app
A starter for using grommet with create-react-app
Stars: ✭ 16 (+0%)
Mutual labels:  grommet, create-react-app
react-component-lib
Boilerplate repo for creating npm packages with React components written in TypeScript and using styled-components
Stars: ✭ 69 (+331.25%)
Mutual labels:  create-react-app, react-components
Create Component App
Tool to generate different types of React components from the terminal. 💻
Stars: ✭ 879 (+5393.75%)
Mutual labels:  create-react-app, react-components
React Movies App
🎥 React movie app finder || experimenting with ant-design
Stars: ✭ 58 (+262.5%)
Mutual labels:  create-react-app, react-components
semantic-ui-react-typescript-examples
Several examples using Semantic UI, React, and TypeScript
Stars: ✭ 41 (+156.25%)
Mutual labels:  create-react-app, semantic-ui-react
delete-react-zombies
CLI to search and delete unimported 🧟components in your react ⚛️ files
Stars: ✭ 70 (+337.5%)
Mutual labels:  react-components
reactivebase
Data components for building reactive UIs
Stars: ✭ 18 (+12.5%)
Mutual labels:  react-components
universal-react-webpack-boilerplate
unireact - quickly bootstrap your universal react-app
Stars: ✭ 27 (+68.75%)
Mutual labels:  react-components
cra-macro-example
This is an example of how you can use Create React App with Babel Plugin Macros.
Stars: ✭ 38 (+137.5%)
Mutual labels:  create-react-app
react-guidebook
📚 React 知识图谱 关于概念、技巧、生态、前沿、源码核心
Stars: ✭ 22 (+37.5%)
Mutual labels:  react-components
create-react-scripts
Easily extend the react-scripts to your own version of react-scripts
Stars: ✭ 64 (+300%)
Mutual labels:  create-react-app
springboot-react-keycloak
The goal of this project is to secure movies-app using Keycloak(with PKCE). movies-app consists of two applications: one is a Spring Boot Rest API called movies-api and another is a ReactJS application called movies-ui.
Stars: ✭ 192 (+1100%)
Mutual labels:  semantic-ui-react
react-discord-message
React components to easily build and display fake Discord messages on your webpages.
Stars: ✭ 24 (+50%)
Mutual labels:  react-components
Stardust
🎨Tiller Design System
Stars: ✭ 19 (+18.75%)
Mutual labels:  react-components
neptune-web
Wise Web Design System
Stars: ✭ 55 (+243.75%)
Mutual labels:  react-components
cra-and-storybook
Stars: ✭ 13 (-18.75%)
Mutual labels:  create-react-app
react-firebase-template
Bootstrap a React + Firebase full stack application with every thing you need pre-configured: hosting, database, authentication, CI, Typescript, Material UI, PWA and other goodies.
Stars: ✭ 24 (+50%)
Mutual labels:  create-react-app
cra-tailwindcss-in-js
Integrate Tailwind CSS in a Create React App setup using css-in-js solutions
Stars: ✭ 35 (+118.75%)
Mutual labels:  create-react-app

Highly-modular React Todo application built of reusable Bit components components

A basic React todo aplication composed of bit componnets shared from 5 different popular React UI libraries inlcuding Grommet, Semantic-UI React, Primereact and Lodash.

All the reusable components used to build this app are availabe in this collection. The final todo application is also available as a reusbale bit component, 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.

Wich components I used?

Semantic UI React

semantic-ui-react list component
semantic-ui-react icon component
semantic-ui-react css link component

PrimeReact

primereact inputtextarea component
primereact button component
primereact css link component

Grommet

grommet button component

grommet-icons

grommet-icons add component

lodash

lodash unique-id component

to install them in your project

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].