đ 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?
Enterprise Web App Accessibility (feat. React)Video
by Marcy Sutton Todd
đšī¸ Levels: đ Intermediate
âŗ Duration: 7 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
React PerformanceVideo
by Steve Kinney
đšī¸ Levels: đ Intermediate, đ Advanced
âŗ Duration: 4.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
Adopting RTK Query into an Existing Redux ApplicationVideo
by Jamund Ferguson
đšī¸ Levels: đ Intermediate
âŗ Duration: 1 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io