So today I wanted to do a React application to well practice more. I’m still in the beginning stages of learning but it never hurts to get more practice. I was watching a Casey Neistat video where he was talking about why he does what he does. He concluded that the reason is happiness and I completely agree with his premiss so I wanted to do a simple app where you list what makes you happy and you can add more to it.
So enough talk and show (illustrate your process) here we go:
Started off with the HTML structure I wanted to make sure React loads the components properly then I move on to styling
Okay cool, all render correctly. It’s time to add some style.
it’s time to make the button work. I want when someone wants to add a reason, an input appears. and when pressing ‘enter’ or hitting the button once more it gets added to the list
I first worked on hiding and showing the input
Now I work on adding the text into the list
Awesome. Now this works with the ‘enter’ key I now move on to styling and making the button work.
Yay, all is good. Regardless of its simplicity, I’m pretty happy with the result. If you like to check the demo, here’s a link.