### Quick-start Installation and Development

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Clones the repository, installs dependencies, and starts the development server.

```bash
git clone https://github.com/patternfly/patternfly-react-seed
cd patternfly-react-seed
npm install && npm run start:dev
```

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

### Install null-loader

Source: https://github.com/patternfly/patternfly-react-seed/wiki/Disable-Patternfly-React-Auto-Style-Injection

Command to install null-loader as a development dependency.

```sh
yarn add null-loader --dev
```

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

### Multi Environment Configuration - .env file example

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Example of setting environment variables using a .env file.

```sh
ENV_1=http://1.myendpoint.com
ENV_2=http://2.myendpoint.com
```

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

### Install PatternFly Core CSS

Source: https://github.com/patternfly/patternfly-react-seed/wiki/Disable-Patternfly-React-Auto-Style-Injection

Command to install the PatternFly CSS offering.

```sh
yarn add @patternfly/patternfly
```

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

### Vector Image Support - CSS Background

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Example of using SVG assets for CSS background images.

```css
body {
  background: url(./assets/bgimages/img_avatar.svg);
}
```

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

### Raster Image Support - Local App Assets

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Example of importing raster image assets from the local application using the '@app' alias.

```js
import loader from '@app/assets/images/loader.gif';
<img src={loader} alt="Content loading" />
```

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

### Vector Image Support - Inline SVG

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Example of inlining SVG assets directly into the app's markup.

```js
import logo from '@app/assets/images/logo.svg';
<span dangerouslySetInnerHTML={{__html: logo}} />
```

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

### Raster Image Support - PatternFly Core Assets

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Example of importing raster image assets from PatternFly core using the '@assets' alias.

```js
import imgSrc from '@assets/images/g_sizing.png';
<img src={imgSrc} alt="Some image" />
```

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

### Manually Import PatternFly Stylesheets

Source: https://github.com/patternfly/patternfly-react-seed/wiki/Disable-Patternfly-React-Auto-Style-Injection

Example of manually importing individual PatternFly stylesheets after disabling auto-injection.

```js
import '@patternfly/react-core/dist/styles/base.css';
import '@patternfly/patternfly/patternfly-addons.css';
import '@patternfly/patternfly/components/Alert/alert.css';
import '@patternfly/patternfly/components/Page/page.css';
import '@patternfly/patternfly/components/Backdrop/backdrop.css';
import '@patternfly/patternfly/layouts/Bullseye/bullseye.css';
import '@patternfly/patternfly/layouts/Grid/grid.css';
import '@patternfly/patternfly/components/Button/button.css';
import '@patternfly/patternfly/components/ClipboardCopy/clipboard-copy.css';
import '@patternfly/patternfly/components/Toolbar/toolbar.css';
import '@patternfly/patternfly/components/DataList/data-list.css';
```

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

### Development Scripts

Source: https://github.com/patternfly/patternfly-react-seed/blob/main/README.md

Common development and build commands for the project.

```sh
# Install development/build dependencies
npm install

# Start the development server
npm run start:dev

# Run a production build (outputs to "dist" dir)
npm run build

# Run the test suite
npm run test

# Run the test suite with coverage
npm run test:coverage

# Run the linter
npm run lint

# Run the code formatter
npm run format

# Launch a tool to inspect the bundle size
npm run bundle-profile:analyze

# Serve the production build with sirv (run npm run build first)
npm run start
```

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

### Remove Storybook

Source: https://github.com/patternfly/patternfly-react-seed/wiki/How-to-remove-things-you-don't-need

Uninstall all Storybook related packages, remove the .storybook directory, and delete Storybook configuration lines from package.json.

```bash
npm uninstall @storybook/addon-actions @storybook/addon-info @storybook/addon-links @storybook/addons @storybook/react react-docgen-typescript-loader
```

```bash
rm -r ./.storybook/
```

```json
delete these lines https://github.com/patternfly/patternfly-react-seed/blob/master/package.json#L22-L23
```

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

### Remove webpack-bundle-analyzer

Source: https://github.com/patternfly/patternfly-react-seed/wiki/How-to-remove-things-you-don't-need

Uninstall the webpack-bundle-analyzer package and remove its entry from the package.json file.

```bash
npm uninstall webpack-bundle-analyzer
```

```json
delete this line https://github.com/patternfly/patternfly-react-seed/blob/master/package.json#L20
```

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

### Remove react-axe

Source: https://github.com/patternfly/patternfly-react-seed/wiki/How-to-remove-things-you-don't-need

Uninstall the react-axe package and remove its import statements from the main application file.

```bash
npm uninstall react-axe
```

```typescript
delete these lines https://github.com/patternfly/patternfly-react-seed/blob/master/src/index.tsx#L5-L17
```

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

### Configure Webpack for null-loader

Source: https://github.com/patternfly/patternfly-react-seed/wiki/Disable-Patternfly-React-Auto-Style-Injection

Webpack configuration to discard PatternFly React styles using null-loader.

```js
{
  test: /\.css$/,
  include: stylesheet => stylesheet.indexOf('@patternfly/react-styles/css/') > -1,
  use: ["null-loader"]
}
```

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