Day 2.md

Day 2: Props, State, Event Handling & Forms

Goal

Understand how components communicate data using props and manage internal state within components. Handle user interactions with events and build basic forms in React.

Resources

• React Official Docs: Props and State
• FreeCodeCamp: State and Lifecycle
• MDN Web Docs: React Props and State
• YouTube: React Tutorial

Tasks

1. Learn how to pass data between components using props.
2. Understand the concept of state and how to manage it within components.
3. Build a component that accepts props and displays them, or a component that manages its own state to update content dynamically.
4. Learn about different event types (onClick, onChange, etc.) and how to handle them in components.
5. Understand controlled components and how to manage form data in React.
6. Build a simple form that captures user input and updates the UI accordingly.
7. Share your progress on LinkedIn/X with #React7DayChallenge and tag Code Social.