Exports and imports in React | Export and import components in react | react js in telugu #reactjs

#html #css #javascript #webdevelopment #angular #reactjs

Join this channel to get access to perks:

React JS Tutorials

Angular Full tutorials

Angular material tutorials

CSS GRID in Detail

JavaScript full playlist

CSS fill playlist

HTML full playlist

HackerRank Python Solutions

fetch api in javascript

async await in javascript

promises in javascript

AJAX in JavaScript

Responsive Navigation Bar

Captcha validation in JavaScript

Todo List using html css javascript

Calculator using html css javascript

How to create website using HTML CSS JavaScript

Random Quote Generator using HTML CSS JavaScript

Stop watch using HTML CSS JavaScript

Image Slider Using JavaScript

CSS Flex box tutorial

Exports and imports in React
How to export and import components in react
Components in React
Functional Components in React
Components in React JS
React Components
Components in React in Telugu
React Components
What is JSX
How to write JSX
JSX Syntax
Jsx
Create React Website
How to learn React js
React js tutorial for beginners
Introduction to React
React tutorial in Telugu
React Js full course
React Js
React JS in Telugu
React Course in Telugu
React Course for beginners
What is React
React Tutorials
React full course
React for beginners
What is Virtual DOM

[dileepnadukuru]

The Overall topic is.
2 types of export Components are there.
1. Named export. If we have to import a named export component we have to use {} in the js file.
2. Default export. If it is there easily we can import it. Curly braces are not required. We can use any name.
3. Whenever we import a particular component compulsory the first letter should be in upper case.
4. In One component only one time we can do export default.
5. We have to use the Tag format component in the App.js file.
6. Whenever we import any component we have to give the exact path otherwise directly it will search in the node_modules folder.
Good Explanation.

[codecreator]

Time stamps
import and export time stamps

1) 00:00:00 --explain why we use import and export concept.
2) 00:01:00 -- why we use import and export concept in reactjs.
3) 00:01:33 -- for import reactjs components we did ot use path we use only file name for that reaseon explain here.
4) 00:02:03 -- we can use same or different different nameing (named export and default export)
5) 00:02:50 -- create a object in seperate file.
6) 00:03:30 -- explain about export.
7) 00:03:50 -- explai about import.
8) 00:04:39 -- given a random name
9)00:04:45 -- explain note point file extension
10) 00:05:00 -- printing the imported string nmae.
11) 00:05:28 -- print with same name what we export (and also named export)
12) 00:06:48 export and import second name by uing camma operator.
13) 00:07:24 alias concept for the imported files.
14) 00:08:13 default export.
15) 00:09:50 we do default export a single in a single file.
16) 00:11:35 compare difference between named export and default export.
17) 00:12:30 by remove flowe bracess and import the named export.
18) 00:13:28 print both named and default export values explain here.
19) 00:18:00 why we use import and export concept in reactjs.
20) 00:23:40 imported names should be Captial letter of first letter.
21) 00:24:00 import path explain.
22) 00:25:40 note point nameing convention. (how we export the name as like same way we use in the import concept also) names are cse sensitive.
23) 00:30:20 note point



note:we have two type sof exports named export and default export (1) default export name for single file we use only single time.
2) named export concept we use for multible times in single file
due to that only we have two types of exports are present.

[venkateshkoduru-pk]

Thank you so much you are really great. Your explanation is too good

[g.tirumala]

Your are really doing great work madam🎊🤗it is too easy to learn and understand the concept. Thank you so much akkaa🤗🤗🤗🎊

[jeginilokesh]

06:35 multiple names export and Import

[mukkalanagaraju]

At 25:40 first letter captial ivvali ani. Chepparu kada mari at 14:32 default export chesinappudu small x icchina error raledu kada madam

[kalyanisimma]

Thank You Akka ....chala baaga explain chaysavu. Ma sir kuda entha detail ga chayppalaydhu.

[ilyamulya]

Hi akka super informative video meeku laga perfect avali subject lo em cheyali akka, javascript practice chesthunanu kani anthaga perfect kalekapothunanu please mee suggestion cheppara interviews lo kuda crack cheyalekapothunanu

[codecreator]

code snippet
import React, { Component } from 'react'
import nnnn, {detail as p} from "./object"
import "./index.scss"

class Componentclass2 extends Component {
render() {
return (
<div>
{console.log(p, nnnn)}
</div>
)
}
}
export default Componentclass2;
// close tag for react on right side
// 1)<label/>
// close tag for html react element on left side
// 2)</label>
export let Detail ={
name:"lokesh",
age:"25",
village:"pathagunta"
}

let Detail1 ={
name:"murali",
age:"25",
village:"pathagunta"
}

export default detail1;

[nagendrakarnareddy]

React ... React.... 🥳🥳🥳🥳🥳💪💪💪💪💪 Give strength each topic... Dark theem lo explain cheyyava

[bhavanisankar]

medam manam header.js ani file create cheyyakumda header ani folder ani create chesi danilo index.js and index.css create chesukovaccha medam

[ibandari]

Hello Ma'm if possible could you please change the vscode background theme from white to black, due to some visibility issue couldn't see the code ...requesting you !!!

[gayathrivuppala]

hi mam, i got errors. can you please explain why?

[jobpreparation]

Akka is there any official mail id to contact you

[narendraak]

hello export name ki default evvalemaaa