Learn-React-With-Harshi / chapter-04-coding-in-react

In this chapter, we started to develop a config-driven UI for food ordering platform. Concepts of props(properties), virtual DOM, importance of unique key were discussed.

Home Page:https://learn-react-with-harshi-chapter-04.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Learn React With Harshi πŸ‘©πŸ»β€πŸ’» Series

Documenting my learning journey of Namaste React Live Course conducted by Akshay Saini

Class Summary Chapter - 04 Talk is cheap, show me in code (07/01/2023)

Chapter-04 was an interesting session where we started to develop a config-driven UI for food ordering platform. First, we created LLD of the web application, continued working on creating layouts, components and data manipulation from mock data. Concepts of props(properties), virtual DOM, importance of unique key were discussed. Find my version of detailed explanation of these concepts in theory-assignment.md

I have shared the steps to think in React and develop an application in coding-assignment.md. Using this knowledge, I have created a food ordering app named InstaFood in this chapter. This chapter is the basic step and lots of enhancements needs to be done in the upcoming chapters.

One line about this chapter : Props (properties) passed in Component are similar to the arguments passed in a js function call and received by the function definition as parameters.

Check out Chapter-04 Live for the live demo of this chapter's coding assignment (InstaFood Version 0). Also check out the following chapters to see how InstaFood has progressed. Happy Reacting !!!

If you are interested in other chapters of this series, please browse through the my repositories

About

In this chapter, we started to develop a config-driven UI for food ordering platform. Concepts of props(properties), virtual DOM, importance of unique key were discussed.

https://learn-react-with-harshi-chapter-04.netlify.app/


Languages

Language:JavaScript 93.5%Language:CSS 4.6%Language:HTML 1.9%