https://github.com/morzhanov/preact-flow-todo

TODO app developed using Preact, Mobx, Flow and SASS.
https://github.com/morzhanov/preact-flow-todo

eslint javascript lodash mobx mobx-preact preact sass styled-components

Last synced: about 1 month ago
JSON representation

TODO app developed using Preact, Mobx, Flow and SASS.

• Host: GitHub
• URL: https://github.com/morzhanov/preact-flow-todo
• Owner: morzhanov
• Created: 2018-05-01T18:49:08.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-06T09:02:54.000Z (over 6 years ago)
• Last Synced: 2024-11-08T00:52:39.200Z (3 months ago)
• Topics: eslint, javascript, lodash, mobx, mobx-preact, preact, sass, styled-components
• Language: JavaScript
• Homepage:
• Size: 107 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Preact-Flow-TODO



This TODO app demonstrates how to create simple app using Preact and Mobx.

Application developned using Preact CLI and also modified configuration to use SASS and Flow.

Flow used as static type checker.

ESLint used to lint javascript code.

#### Application developed using TodoMVC styles

## Installation

1. run `yarn install`

2. run `yarn start`

### Create production bundle

1. run `yarn install`

2. run `yarn build`

## Usage

This application allow you to:

1. Create list with TODOs

2. Remove TODOs

3. Edit TODOs.

4. Review Preact configuration with Mobx as state manager, styled components and SASS support.

## Technologies

- Preact

- Preact CLI

- Flow

- Mobx-State-Tree

- Mobx

- Styled components

- Webpack 4

- ESLint

- Prettier

- HMR

- Babel

- PostCSS

- SASS

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D

## Author

Vlad Morzhanov

## License

#### (The MIT License)

Copyright (c) 2018 Vlad Morzhanov.

You can review license in the LICENSE file.