7/ That's it! 🎉

You now understand the foundation of React:

✅ Props for passing data.

✅ State for managing dynamic data.

If this helped, repost to help others! 🔄

Got questions? Let’s discuss below! 💬

6. Why does this matter?

Understanding state and props is the key to:

• Building interactive apps.
• Making components reusable.
• Levelling up your React skills like I am!

5. Combine Props and State

Props and state often work together!

For example: Here, name is state in App but becomes a prop for Welcome.

4. Props vs. State

• Props: Passed from parent to child. Can’t be changed by the child.
• State: Local to a component. Can change over time.

A good analogy for would be: props = a gift (you can’t change it); and state = your mood (it changes).

3. What is State?

State is like a component’s memory. It:

• Stores data that can change.
• Lives inside the component.

Example: Here, count is the state, and setCount updates it.

2. What are Props?

Props are like arguments you pass to a function. They:

• Allow components to communicate.
• Are read-only (you can’t modify them).

Example: Here, name="Cameron" is a prop passed to the Welcome component.

This year was all about growth and stepping outside my comfort zone. I'm proud of my progress and excited for what's next.

How has 2024 treated you? Share your reflections and wins below 👇

#YearInReview #LearnInPublic #DevJourney

Looking Ahead to 2025

Next year, I’m excited & dedicated to:

- launch mica and my Notion business
- get 500+ social followers
- master React and explore other JS tools
- share my journey and connect with devs