Intro to React
Description
Let's learn the basics of React! Learn JSX syntax, simple ways to render and style React components. Component props, hooks and more!
You will learn:
- What React is and why it is so popular
- JSX - The extension to JavaSscript
- Rendering techniques
- Representing state with JavaScript
- Creating and styling React components
- Adding interactivity with a Button
- An intro to React hooks
Lessons in this module
What is React?
Hello React - Intro to JSX
Wrapping sibling elements
Fragments
Creating React Components
ReactDOM
JavaScript Expressions in JSX
JavaScript Primitives in JSX
Conditional Rendering
React Elements
JSX Attributes
JSX vs HTML
Representing State with JavaScript Objects
Rendering Lists
List Keys
React Props
Destructuring props
JSX Event listeners
List Element Callbacks
Styling React Components
Styled Components
Intro to Hooks - Counter Example