egghead.io
illustration for React Crash Course (with hooks)

Course

React Crash Course (with hooks)

  1. 1
    Write Your First React Component with CodeSandbox.io
    53s
  2. 2
    How React Works
    35s
  3. 3
    Think in React by Breaking Your UI into Components
    47s
  4. 4
    Write a Custom Function Component in React with JSX
    1m
  5. 5
    Building a Tree of UI Components in React with Children or with Self-closing tags
    40s
  6. 6
    Reusing Custom React Components by Passing Data Down as Props
    39s
  7. 7
    Create State Data that can Change in a React Component with useState
    1m 11s
  8. 8
    Create a Button in React that Changes Local State and Automatically Updates the UI
    1m 14s
  9. 9
    Display a List in React by Looping Over an Array of Items
    1m 28s
  10. 10
    Adding Styles to React Components with CSS or Inline Styles
    2m 27s
  11. 11
    Perform Asynchronous Actions (like fetching http data) in React with useEffect
    3m 7s

Write a Custom Function Component in React with JSX

Chris Achard
InstructorChris Achard
  • javascript
    JavaScript
  • react
    React

Share this video with your friends

Send Tweet

React components are functions that return JSX (which looks like HTML, but is actually a flavor of javascript).

Once you create a new function component that returns JSX, you can then use it from inside of another component by returning it like any other component.

illustration for React Crash Course (with hooks)

Course

React Crash Course (with hooks)

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions