React JS-Typescript Tutorial 8 - Functional Components and Exports | Default Exports | Naming Export

Опубликовано: 15 Июль 2026
на канале: Learn Coding With Ankit
4
1

#reactjs functional components #components #default exports #naming exports

In this session you will learn about the functional components and exports.

Components-
Components are used to split the UI into independent, reusable pieces in an isolated manner.

Types of Components-
1. Functional Components
2. Class Components

Functional Components-
It is just like Java Script Functions.
They take inputs (called props) and return elements.

Note: Always start with capital letters.

Exports-
1. Default Exports
2. Naming Exports

Previous Videos of React Tutorial-
1.React JS For Beginners | React Tutorial | Course Introduction | TechAnkitSaxena -    • React JS For Beginners | React Tutorial | ...  
2.React JS Tutorial 1 - React JS Intro | What is why we use React | SPA | TechAnkitSaxena -    • React JS-Typescript Tutorial 1 - React JS ...  
3. React JS Tutorial 2 - Setup React JS App | Steps to create First React App | TechAnkitSaxena -    • React JS-Typescript Tutorial 2 - Setup Rea...  
4. React JS Tutorial 3 - What is ECMA Script | ES | ES6 | TechAnkitSaxena -
   • React JS-TYPESCRIPT Tutorial 3 - What is E...  
5. React JS Tutorial 5 - What is ECMA Script | ES | ES6 | TechAnkitSaxena -
   • React JS-TYPESCRIPT Tutorial 3 - What is E...  
6. React JS-Typescript Tutorial 5 - What is JSX | CreateElement Method | React for Beginners -    • React JS-Typescript Tutorial 5 - What is J...  
7. React JS-Typescript Tutorial 6 - What is DOM | How DOM Works? | Document Object Model | Browser DOM -    • React JS-Typescript Tutorial 6 - What is D...  
8. React JS-Typescript Tutorial 7 - What is Virtual DOM | | How Virtual Dom Work? | Tech Ankit Saxena -    • React JS-Typescript Tutorial 7 - What is V...  

Support me on Facebook:
  / ankittechclasses