Commit graph

23 commits

Author SHA1 Message Date
Anders Ytterström
ea6a48deef Add 2021 progress 2021-03-31 10:06:31 +02:00
Anders Ytterström
e0a39dd4d8 Add King Diamond - "Them" 2020-09-14 13:28:26 +02:00
dependabot[bot]
ecaa1271bf Bump acorn from 5.7.3 to 5.7.4
Bumps [acorn](https://github.com/acornjs/acorn) from 5.7.3 to 5.7.4.
- [Release notes](https://github.com/acornjs/acorn/releases)
- [Commits](https://github.com/acornjs/acorn/compare/5.7.3...5.7.4)

Signed-off-by: dependabot[bot] <support@github.com>
2020-04-17 12:06:55 +02:00
3839813a0a
Update README.md 2020-03-12 15:37:56 +01:00
Anders Ytterström
f5f5d61413
Add youtube video to README 2020-03-12 15:36:01 +01:00
9bcf0ecc56 Make modal great again 2020-03-05 21:48:45 +01:00
755cf14828 Add License 2020-03-05 20:19:48 +01:00
4e28567959 Update README 2020-03-05 20:17:45 +01:00
Anders Ytterström
6ba958fafa Replace interfaces with Types 2020-03-05 20:14:09 +01:00
Anders Ytterström
cb9f3ec3d1
Convert app to TypeScript 2020-03-05 08:07:46 +01:00
Anders Ytterström
39f0542ef2
Replace Webpack with Parcel
Change path to some files to ease the no-config static file management
2020-03-04 19:35:29 +01:00
Anders Ytterström
93358ac607
Improve design responsiveness 2019-12-28 13:18:52 +01:00
e04e04bee9 Update dependencies
curse you babel 7, webpack and all other npm crap.
2019-09-17 21:49:19 +02:00
Anders Ytterström
055511e555 Lint code and introduce BEM 2019-04-24 09:58:02 +02:00
Anders Ytterström
d447143312 Display selected album in Modal
A new Component and Container is introduced: Modal.

It dispatches an UNSELECT_ALBUM action when clicked on.

Some CSS is added to bur out the background and display the modal
content properly.
2019-04-24 09:58:02 +02:00
Anders Ytterström
1ceb248df9 Handle click on album
Click on album should dispatch an SELECT_ALBUM action.

This is done by map to AlbumList, and providing a property to each
album. It could also had been done by introducing a container for Album,
but IMHO that's not motivated.
2019-04-24 09:58:02 +02:00
Anders Ytterström
60e70f4b34 Add selected album actions and reducers
Default state is an empty object ({}).
SELECT_ALBUM will update state with an album.
UNSELECT_ALBUM resets state to default state.
2019-04-24 09:58:02 +02:00
Anders Ytterström
c11b1d4653 Load albums asyncronously
Introducing redux-sagas.
2019-04-24 09:58:02 +02:00
Anders Ytterström
3f0ac404f0 Do some spring cleaning 2019-04-24 09:58:02 +02:00
Anders Ytterström
4266dbcf6b Upgrade dependencies 2019-04-24 09:58:02 +02:00
Anders Ytterström
d722027781 🎨 Improve code readability
Rename files for consistency and clarification
2019-04-24 09:57:41 +02:00
Anders Ytterström
3d06ff065d Sort albums by year, artist or id
* The store gets a sort key.
 * Action creators and actions are added to set sort key.
 * A component is added which dispatches a reducer to update the state.
 * Album list get the sort key from the state and sort albums on render.
2018-11-21 14:58:11 +01:00
Anders Ytterström
ec27589232 Initial Commit
React app with Redux state, mostly based around the todo example in the
Redux documentation.

It's a list of items (albums) which can be filtered by a string.

 * A list of albums that is mapped from state to props.
 * A filter input is controlled by redux state.
2018-11-21 14:57:00 +01:00