### Installing @optum/json-schema-editor (npm)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to install the `@optum/json-schema-editor` package using npm. This adds the component library to your project's dependencies.

```shell
npm install @optum/json-schema-editor
```

--------------------------------

### Running Storybook Locally (shell)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to start the Storybook development server. This allows you to view and interact with the component's examples and documentation locally.

```shell
npm run storybook
```

--------------------------------

### Installing @optum/json-schema-editor (yarn)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to install the `@optum/json-schema-editor` package using yarn. This adds the component library to your project's dependencies.

```shell
yarn add @optum/json-schema-editor
```

--------------------------------

### Building Storybook for Release (shell)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to build the static Storybook site. This generates a production-ready version of the documentation and examples, typically for deployment.

```shell
npm run build-storybook
```

--------------------------------

### Configuring Git User Information

Source: https://github.com/optum/jsonschema-editor-react/blob/master/CONTRIBUTING.md

This snippet shows how to configure your Git user name and email address using the `git config` command. This information is used in your commit messages and is required for contributions to be accepted. Ensure the name and email are valid.

```Shell
$ git config user.name "J. Random User"
$ git config user.email "j.random.user@example.com"
```

--------------------------------

### Building Distribution Files (shell)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to build the final distribution files for the package. This prepares the component for publishing or use in other projects.

```shell
npm run build
```

--------------------------------

### Running Tests Locally (shell)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Command to execute the project's test suite. This runs automated tests to ensure the component is functioning correctly.

```shell
npm test
```

--------------------------------

### Basic Usage of JsonSchemaEditor (React/JS)

Source: https://github.com/optum/jsonschema-editor-react/blob/master/readme.md

Demonstrates how to import and use the `JsonSchemaEditor` component within a React functional component, passing a callback function (`onSchemaChange`) to handle schema changes. The callback receives the updated schema as a string.

```js
import JsonSchemaEditor from "@optum/json-schema-editor";

export const printIt = (schema) => {
  console.log(schema);
};

function App() {
  return (
    <div className="App">
      <JsonSchemaEditor onSchemaChange={printIt} />
    </div>
  );
}

export default App;
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.