Видео курса

  • Урок 1. 00:07:18
    Prelude & Git Setup
  • Урок 2. 00:05:10
    Course Introduction
  • Урок 3. 00:03:38
    Setup index.html
  • Урок 4. 00:04:51
    Including React
  • Урок 5. 00:03:18
    Add CSS File
  • Урок 6. 00:03:26
    App Function & Editor Ligatures
  • Урок 7. 00:05:54
    Your First Component
  • Урок 8. 00:05:36
    Making a Reusable Component
  • Урок 9. 00:02:57
    Passing Component Props
  • Урок 10. 00:02:36
    Class vs Function Component
  • Урок 11. 00:04:02
    Adding a Click Handler
  • Урок 12. 00:05:28
    npm
  • Урок 13. 00:06:29
    Installing Prettier for Code Formatting
  • Урок 14. 00:03:43
    Adding Prettier into Your Editor
  • Урок 15. 00:06:02
    Adding Prettier CLI Script
  • Урок 16. 00:08:11
    Adding ESLint for Code Quality
  • Урок 17. 00:10:01
    Adding an ESLint CLI Script
  • Урок 18. 00:03:45
    Webpack vs Parcel
  • Урок 19. 00:04:06
    Parcel
  • Урок 20. 00:04:36
    Installing React from npm with Parcel
  • Урок 21. 00:03:34
    Extracting Component Module
  • Урок 22. 00:10:24
    Writing a Component in JSX
  • Урок 23. 00:06:25
    Writing the App in JSX
  • Урок 24. 00:13:03
    Configuring ESLint with React
  • Урок 25. 00:05:24
    Setup the Petfinder API Keys
  • Урок 26. 00:07:53
    Using the Petfinder API Client
  • Урок 27. 00:09:28
    Set Component State form API Results
  • Урок 28. 00:02:06
    Debug Component State in React
  • Урок 29. 00:05:35
    Rendering List of Components
  • Урок 30. 00:03:45
    Adding Unique Keys to Components
  • Урок 31. 00:10:19
    Passing Component Data Using Props
  • Урок 32. 00:07:08
    Refactor Components for Adding Routing
  • Урок 33. 00:03:58
    Component Routing with Reach Router
  • Урок 34. 00:03:44
    React Dev Tools
  • Урок 35. 00:05:16
    Routing with Reach Router Link
  • Урок 36. 00:13:17
    Render Component from API Data
  • Урок 37. 00:09:16
    Remove Class Constructor with Babel
  • Урок 38. 00:14:28
    Creating a Carousel Component
  • Урок 39. 00:12:34
    Adding Carousel Interactivity
  • Урок 40. 00:05:28
    Adding a Search Input Component
  • Урок 41. 00:08:51
    Handling Input State Change
  • Урок 42. 00:06:43
    Adding a Select List with Options
  • Урок 43. 00:01:56
    Turning Off ESLint Rules
  • Урок 44. 00:16:10
    Adding an Input from API Data
  • Урок 45. 00:14:16
    Q&A
  • Урок 46. 00:04:16
    The Problem of Sharing State
  • Урок 47. 00:05:14
    Spread Operator & Passing Props
  • Урок 48. 00:03:23
    Intro to Context
  • Урок 49. 00:04:41
    React createContext
  • Урок 50. 00:06:11
    Using the Provider
  • Урок 51. 00:06:15
    Using the Consumer
  • Урок 52. 00:05:14
    Context Q&A
  • Урок 53. 00:07:33
    Using the Component Anywhere
  • Урок 54. 00:02:07
    Debugging React Errors
  • Урок 55. 00:12:54
    Using Context in Lifecycle Methods
  • Урок 56. 00:05:01
    Fixing Routing
  • Урок 57. 00:02:10
    Context Wrap Up & Questions
  • Урок 58. 00:05:36
    Portals
  • Урок 59. 00:01:19
    this.props.children
  • Урок 60. 00:07:08
    Rendering to the Portal
  • Урок 61. 00:02:47
    React Refs
  • Урок 62. 00:04:21
    Integrating with 3rd Party Libraries
  • Урок 63. 00:03:07
    shouldComponentUpdate
  • Урок 64. 00:04:09
    Lifecycle Methods
  • Урок 65. 00:02:27
    Profiling React
  • Урок 66. 00:01:16
    Final Thoughts