Fetching API data from React
Learning Goal :
- Understand basic functionality of REACT
- Creating re-usable components
- Handleing state and events
- Passing data from parent to child and child to parent
- Managing lists and keys
- State lifting
- Controlled form submission
- Conditional rendering
- Using moduler CSS
- Fetching data from API
Task Done :
- Developed a recipe search APP by fething data from API and maping them
- Created re-usable components like card, button, modal
- Managed state for recipe list, error, search and modal
- Handled controlled search form and event of form submission
- Passed data from parent to child component : Recipes -> Recipe -> Modal
- Passed data from child to parent component : Modal -> Recipe
- Rendered error message conditionally
- Used CSS in moduler way
Tools Used :
- React
- API
- CSS
