Functional Components
Last updated
What is Functional Components?
Functional components are some of the more common components that will come across while working in React. These are simply JavaScript functions. We can create a functional component to React by writing a JavaScript function. These functions may or may not receive data as parameters. In the functional Components, the return value is the JSX code to render to the DOM tree. Functional components can also have state which is managed using React hooks.
Free resources to learn Functional Components
- Official docsFunctional Components and Props
- Official docsYour first component
- Official docsPassing props to a component
- ArticleFunctional Components in React
- VideoReact JS Functional Components
- FeedExplore top posts about React
More in stage 3: Rendering
Functional Components: common questions
Can I learn Functional Components in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Functional Components in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this Functional Components tutorial for beginners?
It is lesson 5 of 79 in the free React roadmap, in stage 3, Rendering. If you are new to React, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.