Todo app w/ react, redux, styled-components, react-beautiful-dnd

It was a really intense challenge for me. Stuff I used here for the first time ever:

• redux
• styled-components
• react-beautiful-dnd
• redux-persist

I really really liked styled-components and moderately liked redux :) I mean I get and respect how redux works, but I need time to get used to it. As for styled-components, it's definitely going to be my go-to css solution in react. I've stayed away from css-in-js libraries favoring pure css/sass, but it turns out that with VSCode syntax highlight extension styled-components are just like pure sass but better!

Working with react-beautiful-dnd was also fun. I set it up following their egghead.io tutorial.

Also I'm really proud of how I implemented reordering logic with Active/Completed filters. It reorders only within current filter, and keeps how finished/unfinished todos are arranged relatively to each other. In my opinion it's the most natural way to implement reordering and filtering at the same time. What do you think? Maybe there are better ways or even best practices in such situations? 🤔

Any feedback is appreciated!