🔑 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.
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?

React PerformanceVideo
by Steve Kinney
🕹️ Levels: 😎 Intermediate, 🚀 Advanced
⏳ Duration: 4.5 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Frontend Masters

Build an App with React SuspenseVideo
by Michael Chan
🕹️ Levels: 🚀 Advanced
⏳ Duration: 1.5 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io

Learn React Hooks, Lazy, and Memo APIVideo
by Tomasz Łakomy
🕹️ Levels: 🌱 Beginner
⏳ Duration: 0.5 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io