> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/development/view.md).

# View

In the view, your DApp will occupy the whole viewpoint of the device; except the header of the system. You have a full right to customize it by owned style.

![The page view](/files/8Wgzsg85ZAIRgLZB0Hgd)

To implement the view, the code will be placed in `./src/view` and declared by the file `./src/bootstrap.app.tsx` .

```typescript
// ./src/bootstrap.app.tsx

import { Provider } from 'react-redux'
import { UIProvider } from '@sentre/senhub'

import View from 'view'

import model from 'model'
import configs from 'configs'

const {
  manifest: { appId },
} = configs

export const Page = () => {
  return (
    <UIProvider appId={appId} antd>
      <Provider store={model}>
        <View />
      </Provider>
    </UIProvider>
  )
}

export * from 'static.app'
```

In the template, you can see that the `View` is exported with context providers (see [Providers](/development/providers.md)). Also, static files declared in `static.app.tsx` is exported here too. The structure in the `bootstrap.app.tsx` is compulsory for DApp recognition.