🦊 React Components, JSX, Props, & State 🦊

Today’s Topics

• What did you learn from the tutorial(s) you did? First impressions of React?
• Build a small React app together in class
• Components and JSX
• Handling data in React with props and state

🎯 Project: Freeshelf

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

React Freeshelf

🧰 Please be sure to install the React Developer Tools for Chrome.

📖 Read | 📺 Watch | 🎧 Listen

• Overview: What is React?
• React Mental Model
• Using the State Hook
• Podcast: Advice for New Devs

🔖 Resources

• Conditional Rendering in React
• React Docs: Handling Events in React
• Handing Events in React with examples for functional components
• Supported Events in React
• MDN React Todo List Walk-through
• Just show me the code for the MDN Todo List

🦉 Code and Notes

• React for JS
• React Devs for Hire

Videos for React Devs for Hire

• Make a component
• Render multiple components using an array of data, using .map()
• Use an array of objects as data
• Move data into a separate file and import it
• Conditionally render a component
• Hide/show a section of a component