Recipe Box - FCC Challenge - Part 4
Repository and web page
https://github.com/zdflower/recipeBoxFCC
What’s new
I have a version that works and fulfills the user stories (kind of, if you look at editing recipes). But I am not totally pleased. I wanted to divide the page into components, and have general components that can be specialized, but all became such a mess and couldn’t make it work at all when attacking the editing problem.
So I decided to go back a lot and render allmost all from the Page component. Works.
Things to improve
Learn React, be more aquainted with it. So far there is no much feeling between us, may be I had to put more of my self into this relation with React, pay more attention, try to understand more, be patient :-)
Also I would like to know how to make the edition of recipes really like editing a file, where you don’t have to write it all over if you want to change something.
I found out how to get the editing right: assign the name and the ingredients of the recipe to the state of the EditForm instead of using placeholder in the form.
User stories:
https://www.freecodecamp.org/challenges/build-a-recipe-box
- I can create recipes that have names and ingredients.
- I can see an index view where the names of all the recipes are visible.
- I can click into any of those recipes to view it.
- I can edit these recipes.
- I can delete these recipes.
- All new recipes I add are saved in my browser’s local storage. If I refresh the page, these recipes will still be there.