Introduction
Why practice building and modifying basic components in React?
()
What you should know
()
CoderPad tour
()
1. Understanding React and JSX
Working with React
()
Rendering UI elements with JSX
()
Solution: Create a HelloComponent
()
2. Using Components and Props
Defining functional components
()
Passing data via props
()
Solution: Build a user card
()
3. Managing State with Hooks (useState)
Managing a component state with useState
()
Solution: Create a counter
()
4. Handling Forms and User Input
Connecting form inputs to state
()
Submitting a simple form
()
Solution: Make a contact form
()
5. Adding Basic Event Handling
Using event handlers in functional components
()
Solution: Create a toggle text
()
6. Rendering Lists
Using map to render arrays of data
()
Solution: Display a list of items
()
7. Working with Styled Components
Working with styled components
()
Converting a plain JSX element into a styled component
()
Solution: Convert a basic button into a StyledButton
()
Conclusion
Learning more about React
()