MLB Voting App — Final Project
Live challenge
The final project is done and I want to share my experience with this project. I want to start with two roadblocks I have from the labs to the project.
Two weeks after we start Phase 5 I fall behind with all my labs and the reason I was behind was my daughter. My daughter got sick for two weeks and as a parent I was worried about her, I tried to work in my labs but I couldn’t do them, my brain did not focus, Thank God my daughter got better after two long weeks.
Two days after my daughter was good, I got sick for one week and that sickness didn’t let me continue working with my labs, it was to point I request a leave of absence to Flatiron School because I was already 3 to 4 weeks behind and I thought I was not going to make it.
One day I challenge myself to finish all the labs and work with the Final Project. I said to myself “ I’m close to finishing and this roadblock won’t stop me” I work very hard to finish each lab and work on my project and here I am writing my blog post of my Final Project.
Final Project Experience
In this section, I want to start that even I had those challenges in my life I had fun building this app. I learned a lot when I put my work into practice in my app imagination. ReactJS is a library that I will use in my future projects. I can reuse the code that I make in a component so I don’t have to rewrite code.
Styled Component
In the project requirement, there was one part where they ask us to do some styling, I used Styled Component, I saw a few videos of how it works and I use it in my app. I was able to learn the basics of styled-components within a few hours and I like it. It allows me to make my CSS style in a separate file as a component and the good thing is that since the CSS is in a component file those styles can be used again with other areas you want.
Styled Component Project Sample
Here I will show a wrapper styled component that I was able to make with Styled Component.
mapDispatchToProps
mapDispatchToProps is used to dispatch an action to the store. This method allows my app to dispatch change to state but to work I also have to pass the connect() and pass mapDispatchToProps as an argument.
I want to say that I enjoy building this app and I learned a lot, I did gain more understanding of React, Redux, State, Props, Action when I experience my app from scratch.
