HackIndia Logo
HackathonsNewsSkillsGrowth
HackIndia LogoContact: +91 9910125804

General

  • Companies
  • Colleges
  • Board of Advisors
  • Brand Ambassadors
  • FAQ
  • Contact
  • Report a Bug

Hackathons

  • Upcoming Hackathons
  • Judges
  • Mentors
  • Partners
  • Participating Colleges

Resources

  • About Us
  • Branding
  • Latest News
  • Growth
  • Skills
  • Ecosystem
  • Forum
  • Ideas
  • Prompt Optimizer
  • How to earn XP

© 2026 HackIndia. All rights reserved.

Privacy PolicyTerms of ServiceCode of ConductSitemap

Build 2.108 · 16 Oct 2026, 14:01 UTC

    HackIndia
    HackathonsNewsInternshipsSkillsGrowth
    ← All skills
    React

    React

    Build readable React apps

    Build a small React 19 app with components, props, state, forms, lists, lifted state, and only useful effects. Ship it in a public repo recruiters can inspect.

    For college builders in India who know some code and want an internship-ready React project.

    Working8 lessonsAbout 35 min+100 XP

    Usually easier after JavaScript. You can start here anyway.

    Written from the official docs and release notes, and last checked on 21 September 2026.

    Start lesson 1

    Your path

    1. 1Start hereStart React the current way4 min
    2. 2Pass data with props4 min
    3. 3Use state without clutter5 min
    4. 4Render lists with stable keys5 min
    5. 5Build controlled forms4 min
    6. 6Lift state between components4 min
    7. 7Use effects only when needed4 min
    8. 8Ship your React repo5 min
    9. The check10 questions · 7 to pass
    10. React
      Verify the React skill+100 XP and +50 SHARP and a certificate, once the check and the task are done
    How you earn it
    React
    React
    +100 XP and +50 SHARP, on your profile with a certificate

    Both of these. Either order.

    Pass the check

    10 questions from the lessons. Get 7 right.

    Take the check
    A project that uses the skill

    Submit a HackIndia project with a public repository for a React app built with Vite. The repo must show readable components, props, useState, controlled forms, stable list keys, lifted state, and at least one justified useEffect or a note explaining why no effect is needed.

    A public GitHub repository with your own commits, containing files like *.jsx or *.tsx, or a dependency on react. We check it when you hand it in.

    Sign in to keep track of your lessons and earn the skill.