Minute4Mom: A React-Redux Blog

Lakeisha McCree
2 min readFeb 17, 2021

I’ve made it to my fifth and final project!!!! I decided to create a blog, where moms who struggle silently with mommy-hood, postpartum depression, or just want to vent can feel free to converse with one another. I struggled after my second child and now finding out that I’m expecting again, I wanted to start blogging. I thought of how other mothers feel and thought that a blog that tracks moods and thoughts would be helpful.

React and Redux seemed a little daunting to begin. At the start of every project, I always think where do I begin??? Once I got my backend situated and put together, I focused on my front-end. I felt strangely confident in getting this project done. I get extremely nervous when explaining the flow of code and all of the technical terms, so I decided to practice.

At the start of app, you are on the home page, you are then able to navigate to a list of posts or you’re able to create a new post. Since I fetch my posts from the backend in the App.js file, the posts are already available to the app. When you click on the link to see the posts, you are taken to a page where there is list of the posts made. *Note: Posts available right now were created with seed data.* When you click on a post, you are taken to the actual post. Here you can choose to delete a post, leave or delete a comment.

What is actually happening???

Well, when a user clicks a button in my app, a component prop is called like a function. The matching container dispatches an action. The prop that is called in the container, is connected to an action dispatcher. A reducer “hears” the action and runs a function that returns a new state with modifications. The container knows that the state has been changed and modifies the specific prop in the component, which is a result of the mapStateToProps function. The component now has a prop that has changed due to a new state being generated, which the user will see change automatically.

I am a black woman.

I am a mother.

I am a software engineer.

--

--