Let's start creating our app environment:
- Create a new React app called cross-border using the following npx command:
npx create-react-app cross-border
- Update your package.json file so that it contains the following values:
{
"name": "cross-border-app",
"version": "1.0.0",
"private": false,
"dependencies": {
"bulma-start": "0.0.2",
"concat-stream": "^2.0.0",
"fs": "0.0.1-security",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-scripts": "1.1.4",
"stellar-sdk": "^3.0.0",
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
- Run npm install in a Terminal window to install the dependencies.
- Finally, within the src folder, create a Components folder for the app components.
Let's take a look at our USD.js.