Video

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

đŸ•šī¸ 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.

Drop a comment

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

Log in to leave a feedback

Login