This topic is for listing and review of Recipe Box projects built as a part of FCC challenges. Please stick to these basic rules to keep the topic clean:-
Post your Codepen (or other) link to your project as a general reply to this topic.
For Codepen links use the following format to avoid embedding the pen:-
Project Link - [http://codepen.io/santakmishra/full/pgqOYq/](http://codepen.io/santakmishra/full/pgqOYq/)
Post reviews as a specific reply to the link which you are reviewing.
This was a challenge, getting all of the data items to interact correctly in React. I also took the opportunity to try out a some things that I’ve seen and liked from other websites (Editing the recipe name like CodePen’s pen titles without the use of a text field was a cool one to work out). It may not have been the smartest thing to do while trying to learn React at the same time, but it worked out well, I think.
I learned a lot about React.js from this project. For example, how to structure the parent-child relationships so that it always propagates down. I was stuck for a few days on the pushing the new states after the edit button but this taught me about component lifecycle.
I’m really looking forward to the game of life project. Thanks FCC!
This project was a lot harder than I was expecting it to be. I made a lot of mistakes and overall I’m not happy with my code quality but I definitely learned a lot about react and I know my next project will have cleaner code. Here’s my final result: http://twmilli.github.io/recipe-box/, let me know what you guys think!
Had some trouble getting the username prefix added for the Codepen version after building this on my local machine. I think everything is working properly now.
I wanted to add some things like images and confirmation on form submission but it took me a while to do this so I think it’s time to move on to something else, maybe come back and add those things in the future. I feel like I have a much better understanding of React now though definitely.
Hi there! See my recipe box below.
If I had been aware of the existence of the react-bootstrap library, this code would have been much easier, shorter, nicer. Anyway, it also works like this.
Most challenging for me was the correct handling of child components with the key prop; and if I remember well this was the first project where I had to pass functions as props which was not very intuitive for the first time.