After going through a ton of react/redux tutorials, I decided to test my knowledge by remaking the Twitch TV project.
It was challenging, but it quickly revealed weak spots in my knowledge - when you follow a tutorial, you sort of understand everything, but it is very deceptive feeling.
During this project I learned:
that connecting redux to finished react app leads to a complete rewrite of your app
how to connect all the pieces together with webpack.
what is thunk and what is middleware.
how to use redux developer tools to observe the status of the store and dispatched actions.
how to make asynchronous calls in react using Promise based HTTP client axios.
how to use Promises (sort of )
how to use scss with webpack
how to use animations in react (decided on react-flip-move).
If someone has any comments and/or critique you are welcome to share them
Works great. One minor annoyance: there’s no scroll bar for me (Chrome on Windows), so I need to use the arrow keys to scroll. Did you disable scroll, or is this some weird CSS stuff?
I know that feeling. I try to make something really cool, but end up breaking the UX so I need to remove it. UX is king after all
You can actually style scroll bars in Webkit browsers if you want it to look cleaner on Chrome, Safari, etc. without breaking functionality. Not that it looks bad with a scroll bar.
I’m currently doing the same project using React-Redux too and have worked out most of the plugins, except the search suggestions part. I would love to implement this feature in my project too - where can I learn how to do so?