beeon.academy
frontendIntermediatePopular

React.js

Hooks, components, state, routing, data fetching, and architecture. Finish with a portfolio-grade React app deployed to production.

React 19TypeScriptTanStack QueryZustandVite
Duration
10 weeks
Starts
Jun 24
Students
280+
Rating
4.9 / 5
Starting from
89 000 ֏
Enrolling now
  • 10 weeks (90h total)
  • Starts June 24, 2001
  • hybrid format
  • HY · EN
  • Certificate on completion
Register nowStart learning

No payment required to register · We’ll contact you within 24h

What this course is about

Overview

Hooks, components, state, routing, data fetching, and architecture. Finish with a portfolio-grade React app deployed to production.

Across 10 weeks (90 hours of live + project work) you’ll move from fundamentals to shipping a real, production-grade project — guided by Lilit Avetisyan and the beeon.academy mentor team.

Learning outcomes

What you will learn

Think in components and design clean state
Master hooks — useState, useEffect, useMemo, custom hooks
Fetch and cache data with TanStack Query
Ship a production-grade SPA
Interactive course

Lessons

55 lessons · all open, start with any
  1. 1What is React?30 min
  2. 2A React project’s files25 min
  3. 3Thinking in components35 min
  4. 4JSX — markup inside JavaScript35 min
  5. 5JSX rules30 min
  6. 6Expressions in curly braces30 min
  7. 7Function components35 min
  8. 8Import and export30 min
  9. 9Composing components30 min
  10. 10Props — inputs of a component40 min
  11. 11children — nested content25 min
  12. 12Show or hide30 min
  13. 13Lists and keys40 min
  14. 14Pure components30 min
  15. 15Events — clicks and typing35 min
  16. 16useState — memory that redraws40 min
  17. 17Render and commit30 min
  18. 18Strict Mode30 min
  19. 19State is a snapshot35 min
  20. 20Queueing updates30 min
  21. 21Update objects and arrays40 min
  22. 22Choosing the state structure35 min
  23. 23Forms and controlled inputs40 min
  24. 24Form actions40 min
  25. 25Lifting state up35 min
  26. 26Preserving and resetting state30 min
  27. 27useEffect — after the screen paints40 min
  28. 28useLayoutEffect — before paint30 min
  29. 29Dependencies and cleanup35 min
  30. 30You might not need an effect35 min
  31. 31Events or effects30 min
  32. 32Loading data45 min
  33. 33useRef — a box React does not redraw30 min
  34. 34Refs as props35 min
  35. 35useContext — shared data40 min
  36. 36useReducer — many related updates40 min
  37. 37Reducer and context together40 min
  38. 38Custom hooks35 min
  39. 39Rules of hooks30 min
  40. 40useMemo — remember a calculation30 min
  41. 41useCallback — remember a function30 min
  42. 42memo — skip a child render30 min
  43. 43Transitions35 min
  44. 44Suspense and lazy35 min
  45. 45useId — unique ids25 min
  46. 46Accessibility40 min
  47. 47Styling components35 min
  48. 48Portals — render outside the parent30 min
  49. 49Error boundaries35 min
  50. 50Routing45 min
  51. 51Server data and cache40 min
  52. 52Testing components40 min
  53. 53React DevTools30 min
  54. 54Render props and HOCs35 min
  55. 55Capstone: a small task list50 min
Course modules

Syllabus

  1. 1
    • Components & props
    • State & events
    • Lists & keys
    • Lifting state up
  2. 2
  3. 3
  4. 4
What you need to start

Requirements

  • Solid JavaScript fundamentals
  • Basic Git
Learn from a working engineer

Your instructor

LA

Lilit Avetisyan

React Lead · beeon.academy

Senior engineer with 10+ years building production web apps. Has mentored over 800 students across full-stack and frontend tracks.

What graduates say

Student reviews

“The course was structured perfectly — I went from zero to shipping real projects in months.”
A
Anna G.
Graduate
“Mentors gave hands-on feedback every week. I landed an internship before the course was even over.”
D
David S.
Graduate
“Loved the project-based approach. I genuinely felt ready for real engineering work.”
M
Mariam P.
Graduate
Common questions

FAQ

Most of our beginner courses require no prior experience — just curiosity. Intermediate and advanced tracks have prerequisites listed on each course page.
Starting from
89 000 ֏
Register