---
id: 587d7b8c367417b2b2512b56
title: Use export to Reuse a Code Block
challengeType: 1
---
## Description
In the previous challenge, you learned about import and how it can be leveraged to import small amounts of code from large files. In order for this to work, though, we must utilize one of the statements that goes with import, known as export. When we want some code - a function, or a variable - to be usable in another file, we must export it in order to import it into another file. Like import, export is a non-browser feature.
The following is what we refer to as a named export. With this, we can import any code we export into another file with the import syntax you learned in the last lesson. Here's an example:
```js
const capitalizeString = (string) => {
return string.charAt(0).toUpperCase() + string.slice(1);
}
export { capitalizeString } // How to export functions.
export const foo = "bar"; // How to export variables.
```
Alternatively, if you would like to compact all your export statements into one line, you can take this approach:
```js
const capitalizeString = (string) => {
return string.charAt(0).toUpperCase() + string.slice(1);
}
const foo = "bar";
export { capitalizeString, foo }
```
Either approach is perfectly acceptable.
## Instructions
Below are two variables that I want to make available for other files to use. Utilizing the first way I demonstrated export, export the two variables.
## Tests
```yml
tests:
- text: foo is exported.
testString: getUserInput => assert(getUserInput('index').match(/export\s+const\s+foo\s*=\s*"bar"/g), 'foo is exported.');
- text: bar is exported.
testString: getUserInput => assert(getUserInput('index').match(/export\s+const\s+bar\s*=\s*"foo"/g), 'bar is exported.');
```
## Challenge Seed
```js
"use strict";
const foo = "bar";
const bar = "foo";
```
### Before Test
```js
self.exports = function(){};
```
## Solution
```js
"use strict";
export const foo = "bar";
export const bar = "foo";
```