DEV Community: Akbar Ali

What are Import and Export in Javascript .

Akbar Ali — Thu, 06 Feb 2025 10:12:42 +0000

Export: This statement is used to enable somethings (function,values,variables etc) to be used in other files.

e.g:

src/utils

export let APIKEY = "hhjdjhddfeuikvjkdkjdfhkdfghkdjfhgkfd";

src/App.js

import "./styles.css";

import { APIKEY } from "./utils/apiKey";

export default function App() {

console.log( APIKEY );

return (

<div className="App">

  <h1>Hello CodeSandbox</h1>

  <h2>Start editing to see some magic happen!</h2>

</div>

);

}

There are following two types of export statements:

1.Named Export (as I used in above code): There might be multiple Named Export statements for exporting multiple values,functions,variables etc.

2.Default Export:There must be only one export default value in whole file or component for exporting value,variable,function etc.Because it actually tells that there would that one default value of that component.

Import:This statement enable a file or component to get some values,variables,functions,objects etc from another file/component .

One important thing we must have to know in case of importing something it is that when we importing Named Export Values then we should have to wrap into object and must use the same names as of variable,functions,values as used in file in which they are created and in case of default export we can give any name to value to which we are importing and we don't need to wrap them in object.

e.g;

// importing named exports

src/utils

export let APIKEY = "hhjdjhddfeuikvjkdkjdfhkdfghkdjfhgkfd";

src/App.js

import "./styles.css";

import { APIKEY } from "./utils/apiKey";

export default function App() {

console.log( APIKEY );

return (

<div className="App">

  <h1>Hello CodeSandbox</h1>

  <h2>Start editing to see some magic happen!</h2>

</div>

);

}

// importing Default exports

src/utils

export default "hhjdjhddfeuikvjkdkjdfhkdfghkdjfhgkfd";

src/App.js

import "./styles.css";

import ApiKey from "./utils/apiKey";

export default function App() {

console.log( ApiKey );

return (

<div className="App">

  <h1>Hello CodeSandbox</h1>

  <h2>Start editing to see some magic happen!</h2>

</div>

);

}

A brief Introduction of HTML.

Akbar Ali — Mon, 13 Jan 2025 17:22:46 +0000

Let me break the term HTML(HyperText Markup Language) in one by one and define them .

1.HyperText means the text that move us to another text or page when we click on it like when we click on www.google.com then it move us onto Google's website.

2.Markup means to wrap up or do mark something like in normal English language we wrap up or marked up some text in double quotes to make it some meaningful or some attractable e.g; "Hello lazy programmers" so this makes some focus on itself to get focus of reader and much like it we wrap up or markup some content inside different tags to make some meaningful element e.g
"

Wellcome

Some text goes here

,
welcome world
so these are some examples which make some meaningful content on our web pages.

let summarize it hypertext is a text that move us to another text or page when we click on it and markup is wrapping some content to inside some tags.

How Does actually the Internet work:

Akbar Ali — Fri, 10 Jan 2025 15:15:23 +0000

Hi,

Actually the "Internet" is essentially a network that connects computers across the globe, allowing them to communicate with each other through a system of interconnected networks; it's considered a network of networks, enabling users to access information and services from various devices around the world.

When they connected to each other they share data among each other .So there are some terms that are used to understand how the internet works(How the data is shared among different computers).

1.Web browser.

2.Client side.

3.Server side.

4.ISP(Internet Service Provider).

5.DNS(Domain Name System).

6.IP address(Internet Protocol address).

So lets understand complete working of Internet through these terms:

When we search something on a software (Browser) like Google.com then the Browser sends this request by using ISP and as you know there are millions of computers that are working on internet then how does it is identified to access that particular requested computer so the answer is actually the ISP takes the IP address of requested website computer and sends it to the DNS and DNS is actually like a telephone numbers directory which has millions computers IP addresses so when ISP sends IP address to DNS then DNS finds it and connects our browser to a computer(Server) corresponding to this IP address .So when the Server and Client computer is connected then Server shares the files that our computer Browser requests like in our case we searched about Google.com so it will provide us the access to visit the Google.com.

And all these Computers are connected through tone of wires that are expanded across the world.

So this is actually some process through which our Internet works that I got while exploring about the Web Development .

I hope so it is Information might helpful about the topic that I mentioned above and there may be some improvement's by your side so I will feel motivation regarding taking your feedback.