https://github.com/yuliskov/react-localtodos
Another Todo sample app based on React
https://github.com/yuliskov/react-localtodos
enzyme jest react react-intl redux redux-persist stylus testing
Last synced: 2 months ago
JSON representation
Another Todo sample app based on React
- Host: GitHub
- URL: https://github.com/yuliskov/react-localtodos
- Owner: yuliskov
- Created: 2017-06-18T09:47:04.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-23T22:27:54.000Z (almost 9 years ago)
- Last Synced: 2025-05-17T23:39:30.550Z (about 1 year ago)
- Topics: enzyme, jest, react, react-intl, redux, redux-persist, stylus, testing
- Language: JavaScript
- Homepage: https://yuliskov.github.io/react-localtodos/
- Size: 1.73 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Another Todo sample app based on React
## Description
This is a quick show off what technologies used in front-end development. Todo app was chosen because of everyone familiar with it. It doesn't take much time to read through sources. Visual style taken from [local-todos](http://backbonejs.org/docs/todos.html) Backbone sample. Beyond React+Reduce+Webpack usage you can find here: testing, localization, persistence layer support, validation, per-component styling, undo implementation.
Running sample can be found here: [https://yuliskov.github.io/react-localtodos](https://yuliskov.github.io/react-localtodos)
## Features
- Add/Update/Delete todo item
- Group todo operations
- Undoing actions
- Select translation
- Saving state in local storage
- Authorization (will be added soon)
## Used technologies
- Using React, Redux, Webpack
- Testing via [Jest + Enzyme](http://redux.js.org/docs/recipes/WritingTests.html)
- Localization via [React Intl](https://www.smashingmagazine.com/2017/01/internationalizing-react-apps)
- Styling via Stylus
- Conforms Redux Ducks specs
- Uncontrolled components example
## Running Example
**In the project directory, run:**
```console
$ npm install
$ npm start
```
**Open [http://localhost:3000](http://localhost:3000) to view it in the browser.**
## Testing Example
**In the project directory, run:**
```console
$ npm install
$ npm test
```
## Notes
- Redux Ducks and example app
- https://github.com/erikras/ducks-modular-redux
- https://github.com/erikras/react-redux-universal-hot-example
- Using Jest with Webpack
- https://facebook.github.io/jest/docs/webpack.html