Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. React
  3. Build a React App with the Hooks API
React
Video

Build a React App with the Hooks API

by Andy Van Slaars
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 1.5 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding React function components and hooks API.
  • Implementing Jest and React testing library for testing.
  • Handling state management in React components.
  • Utilizing @reach/router for multiple views in a single page application.

👨‍đŸĢ About the Course

This course focuses on building a minimal flashcard application using React, emphasizing function components and the hooks API. It covers important React concepts, testing with Jest, and incorporating libraries like @reach/router. The course starts with setting up a new React project using create-react-app for a hassle-free experience.

đŸŽ¯ Target Audience

  • Ideal for learners with some hands-on experience in React looking to deepen their understanding.
  • Not suitable for complete beginners in React.

✅ Requirements

  • Basic knowledge of React concepts.
  • Familiarity with JavaScript and ES6 syntax.

📖 Course Content

  • Bootstrap a new React project with npx and create-react-app.
  • Render UI with JSX in a React Function Component.
  • Test Component Rendering with Jest and Testing Library.
  • Load Data from an API with React.useEffect.
  • Create a Form with Controlled Inputs in React.
  • Support Multiple Views in a Single Page Application with @reach/router.
  • Render UI Based on Props and State in a Class Component.
  • Cycle Through an Array of Values with the Modulus Operator.
Update Course

Drop a comment

Build a React App with the Hooks API by Andy Van Slaars

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

TypeScriptTypeScriptReactReact

React and TypeScript, v2
Video

by Steve Kinney

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactJavaScriptJavaScript

Modern JavaScript Tooling with React
Video

by Andy Van Slaars

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 2.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

ReactReact

Optimistic UI Updates in React
Video

by Erik Aybar

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to React Category