🦊 Front-end: React Component Props & State 🦊

Today’s Topics

• What did you think of the tutorial(s) you did? Impressions of React?
• Continue building on our React Devs for Hire app
• More practice with components and JSX
• Handling data in React with props and state

🎯 Do

Today, you’ll start on your first React app without a tutorial. This is due on Monday.

React Freeshelf

groups = [
    ['Greg', 'Sara', 'Brian'],
    ['Shaune', 'Logan', 'Roan']
]

📖 Read | 📺 Watch | 🎧 Listen

• Overview: What is React?
• React Mental Model
• Using the State Hook

🔖 Resources

• Conditional Rendering in React
• Handling Events in React
• Supported Events in React

👨‍💻 Code Examples

• DevsForHire!
• MDN React Todo List Walk-through
• Just show me the code for the MDN Todo List

🧶 Loom screencasts

I made some short topic videos walking through doing some more stuff with the DevsForHire app.

• 1 - Key prop
• 2 - Splitting App into a separate file
• 3- Include a stylesheet for your component
• 4 - State as an array of objects
• 5 - React conditionally rendering JSX inside a map callback
• 6 - React ternary conditional for className
• 7 - React onClick with a handler function from parent component, Part 1
• 8 - React onClick with a handler function from parent component, part 2
• 9 - React onClick with a handler function from parent component, part 3