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 "Name Picker" app - Intro to React, Hooks & Context API
React
Video

Build a "Name Picker" app - Intro to React, Hooks & Context API

by Simon Vrachliotis
Enroll
🕹ī¸ Levels: 🌱 Beginner
âŗ Duration: 0.5 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understand the basics of JSX.
  • Learn about props, state, and React hooks.
  • Explore 'thinking in components' approach.
  • Use Context API to reduce prop drilling.
  • Create custom React hooks.

👨‍đŸĢ About the Course

This beginner-friendly course introduces you to React, Hooks, and Context API. You'll build a 'Name Picker' app from scratch, covering essential concepts like JSX, props, state, and React hooks. By the end, you'll have a functional React app with search and shortlisting features.

đŸŽ¯ Target Audience

  • Ideal for beginners interested in learning React, Hooks, and Context API.
  • Suitable for those who want to build practical projects and understand fundamental React concepts.

✅ Requirements

  • Basic understanding of JavaScript.
  • Familiarity with HTML and CSS.

📖 Course Content

  • Start a new React project with 'create-react-app'.
  • Understand the basics of JSX.
  • Pass data down to children components with props.
  • Manage local state with the 'useState' hook.
  • Explore 'thinking in components'.
  • Use the Context API to reduce prop drilling.
  • Create custom React hooks for improved developer experience.
Update Course

Drop a comment

Build a "Name Picker" app - Intro to React, Hooks & Context API by Simon Vrachliotis

Log in to leave a feedback

Login

👇 Psst! Interested in More React Courses?

ReactReact

Build a Terminal Dashboard with React
Video

by Elijah Manor

🕹ī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Subscription

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

ReactReact

Higher Order Components with Functional Patterns Using Recompose
Video

by Tim Kindberg

🕹ī¸ Levels: 😎 Intermediate

âŗ Duration: 1 hours

🤑 Price: Subscription

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

ReactReactTypeScriptTypeScript

Refactor a React Application to TypeScript
Video

by Chance Strickland

🕹ī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Subscription

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

🔙 Back to React Category