Understanding modern React - React.js Tutorial

Contents

• Introduction Introduction

  • Understanding modern React

    22s
• 1. Intro to React Hooks 1. Intro to React Hooks

  • Installing Create React App

    3m 27s
  • Reviewing the project

    1m 31s
• 2. The useState Hook 2. The useState Hook

  • (Locked)
    Reviewing Array and Object destructuring

    3m 15s
  • (Locked)
    Incorporating the useState Hook

    3m 35s
  • Building a checkbox with useState

    1m 59s
  • (Locked)
    Working with component trees

    4m 9s
  • (Locked)
    Sending interactions up component trees

    3m 40s
  • (Locked)
    How to use CoderPad

    2m 51s
  • (Locked)
    Solution: Building an interactive to-do list

    5m 37s
• 3. The useEffect Hook 3. The useEffect Hook

  • (Locked)
    Introducing useEffect

    2m 43s
  • Working with the dependency array

    3m 30s
  • (Locked)
    Fetching data with useEffect

    4m 50s
  • (Locked)
    Solution: Working with timers

    6m 20s
• 4. Additional Hooks 4. Additional Hooks

  • (Locked)
    Handling complex state with useReducer

    2m 20s
  • (Locked)
    Refactoring useState to useReducer

    1m 39s
  • Dispatching actions with useReducer

    4m 33s
  • (Locked)
    Managing form inputs with useRef

    4m 58s
  • (Locked)
    Creating controlled components with useState

    2m 50s
  • (Locked)
    Solution: Building a counter

    3m 23s
• 5. Creating Custom Hooks 5. Creating Custom Hooks

  • (Locked)
    Reusing form logic with custom Hooks

    5m 22s
  • (Locked)
    Placing data in context

    2m 56s
  • (Locked)
    Retrieving data with useContext

    2m 34s
  • (Locked)
    Creating a custom Hook with context

    1m 23s
  • (Locked)
    Data fetching with a Fetch Hook

    3m 12s
  • (Locked)
    Building a fetch component

    4m 36s
  • (Locked)
    Solution: Creating a user settings hook

    6m 35s
• Conclusion Conclusion

  • (Locked)
    Next steps

    45s
• Appendix Appendix

  • (Locked)
    React Hooks history

    1m 40s