Notes

  • Following is demonstrated as part of hello world demo:
    1. Composite Components
    2. Event Delegation
  • The design of UI components is laid out in following manner:
    • SayHello Component
      • UserName: Renders input element that captures the name
      • HelloText: Renders the text, "Hello, Name"
  • The state of child component (Names getting updated as you write in input element) is handled at parent level based on the best practices recommended by ReactJS engineers.