Chapter 04 - Talk is Cheap, Show me the Code

#3 Session of Namaste React Course:

Topics Coverd in this Session

• Creating our first app
• React Fragment
• props
• Config driven UI
• Virtual DOM
• React reconciliation

---

Theory Assignments

• Is JSX mandatory for React?
• Is ES6 mandatory for React?
• {TitleComponent} vs {} vs {} in JSX
• How can I write comments in JSX?
• What is <React.Fragment></React.Fragment> and <></> ?
• What is Virtual DOM?
• What is Reconciliation in React?
• What is React Fiber?
• Why we need keys in React? When do we need keys in React?
• Can we use index as keys in React?
• What is props in React? Ways to
• What is a Config Driven UI ?

---

Coding Assignment:

• Build a Food Ordering App
  • Think of a cool name for your app
  • Build a AppLayout
  • Build a Header Component with Logo & Nav Items & Cart
  • Build a Body Component
    • Build RestaurantList Component
    • Build RestaurantCard Component
      • Use static data initially
      • Make your card dynamic(pass in props)
        • Props - passing arguments to a function - Use Destructuring & Spread operator
      • Render your cards with dynamic data of restaurants
      • Use Array.map to render all the restaurants

Click here To see the Application