What you should know - React.js Tutorial

Contents

• Introduction Introduction

  • Why practice building and modifying basic components in React?

    36s
  • What you should know

    22s
  • CoderPad tour

    1m 52s
• 1. Understanding React and JSX 1. Understanding React and JSX

  • Working with React

    2m 57s
  • (Locked)
    Rendering UI elements with JSX

    1m 51s
  • (Locked)
    Solution: Create a HelloComponent

    44s
• 2. Using Components and Props 2. Using Components and Props

  • (Locked)
    Defining functional components

    1m 46s
  • (Locked)
    Passing data via props

    1m 54s
  • (Locked)
    Solution: Build a user card

    51s
• 3. Managing State with Hooks (useState) 3. Managing State with Hooks (useState)

  • (Locked)
    Managing a component state with useState

    2m 15s
  • (Locked)
    Solution: Create a counter

    1m 32s
• 4. Handling Forms and User Input 4. Handling Forms and User Input

  • (Locked)
    Connecting form inputs to state

    1m 43s
  • (Locked)
    Submitting a simple form

    4m 3s
  • (Locked)
    Solution: Make a contact form

    1m 1s
• 5. Adding Basic Event Handling 5. Adding Basic Event Handling

  • (Locked)
    Using event handlers in functional components

    1m 19s
  • (Locked)
    Solution: Create a toggle text

    1m 28s
• 6. Rendering Lists 6. Rendering Lists

  • (Locked)
    Using map to render arrays of data

    2m 19s
  • (Locked)
    Solution: Display a list of items

    1m 5s
• 7. Working with Styled Components 7. Working with Styled Components

  • (Locked)
    Working with styled components

    1m 36s
  • (Locked)
    Converting a plain JSX element into a styled component

    1m 13s
  • (Locked)
    Solution: Convert a basic button into a StyledButton

    1m 27s
• Conclusion Conclusion

  • (Locked)
    Learning more about React

    1m 18s