React Native tutorial in Hindi #7 What is component

Here we will learn what are components in React native Hindi for beginners. This React native course is made by anil Sidhu in the Hindi language.
points of video

What are Components?
Example of Component.
Interview Question.
Components in React Native
Independent and reusable code such as function.
Two Types of Components
Functional
class-based

[codestepbystep]

Please Support me by Like, Subscribe and Comment

Paytm for donation: 9958194988

[mohsinattar]

1. Named export & import:
export const Demo= () => {}; //export
import {Demo} from './ComponentName'; //import
OR
export const Demo= () => {}; //export
import {Demo as Demo2} from './ComponentName'; //import

2. Default export & import:
const Demo= () => {};
export default Demo; //export
import Demo from './componentName'; //import

[shalakhabisht]

Export without a default tag are named exports and exports with a default tag are a default export we don't use curly braces if you import the entire react module and we use curly braces if we import the entire react module and specific components of the module

[syedmusab]

sir I'm a MERN stack trainer in Pakistan and i always refer my student to check out your video for more description. I'm a big fan of your knowledge

[mahmoodshaikh]

Shukriya bro❤ yours videos are better than any udemy course, simple and easy

[harshmaurya]

If we want to import multiple components we use the component name inside curly braces, same in the export thing.

[SoumyaHazra-pw]

Hello Sir first of all your teaching process is mind blowing . I want to know how we change local language in React Native. Please Sir upload a video regarding this topic.

[ajruchouhan]

Sir kisi aap ke 5 -6 clone banavo or step by step btavo tab mja aayega sikhne ko Esme to koi mja hi nahi

[GurjinderSingh-tfdl]

1. export without default
export const ComponentA = () => { //return some view}
import {ComponentA} from './ComponentA'; // use {} to import

2. export with default
const ComponentA = () => { //return some view}
export default ComponentA;
import ComponentA from './ComponentA'; // no {} to import

[yumtumm]

Normal exports:
contain multiple value to export
default exports:
contain only one "main" value to export

[alamshaikh]

When will next video on react-native arrive?

[bilalshahnawaz]

1. Named export & import:
export const Demo= () => {}; //export
import {Demo} from './ComponentName'; //import
OR
export const Demo= () => {}; //export
import {Demo as Demo2} from './ComponentName'; //import

2. Default export & import:
const Demo= () => {};
export default Demo; //export
import Demo from './component Name'; //import

[dnnprofessionals]

aap say behtreen tutorials mai abhee tak kisi k naheen dekhay...aap k tutorials say mai apnay office may professional projects karnay lag gya hoon

[khushalgrow]

how should we gave line between userData component and companydata

[harooniqbal]

love u bro boht helpful video ha yr plzz styling b component m krwana btao

[theartofrescue]

Without page navigation ke ak file se dosri file data agaya 😮 ???

[maqboolbhaivlogs]

jab ham frontend design kr letey han for example image website ha.aur jab backend se jab photos upload krin gey tu kia wo automatically adjust ho jain gey.

[rahulpanwar]

when Text and View are imported from react-native that is named import and when company data imported from component it is a default import

[MohammedRizwan-bhld]

Sir aap js file me bata rahe ho but React Native me to default TSX define kare wala hai ?

[khushalgrow]

kya google ki language golang bhi components based h?