All Users
{props.users.length === 0 ? (
No users yet
Get started by adding your first user
) : (
props.users.map((user) => (
{user.name}
{user.email &&
{user.email}
}
{user.role &&
{user.role}}
))
)}
)
}
```
:::
## Module Configuration
### MVC Module Setup
::: code-group
```typescript [users.module.ts]
import { MvcModule } from 'honestjs'
import UsersController from './users.controller'
import UsersService from './users.service'
import UsersView from './users.view'
@MvcModule({
views: [UsersView],
controllers: [UsersController],
services: [UsersService],
})
class UsersModule {}
export default UsersModule
```
:::
### App Module Configuration
::: code-group
```typescript [app.module.ts]
import { Module } from 'honestjs'
import UsersModule from './modules/users/users.module'
@Module({
imports: [UsersModule],
})
class AppModule {}
export default AppModule
```
:::
## Combining API and Views
You can have both API controllers and view controllers in the same application:
::: code-group
```typescript [users.controller.ts]
// API Controller
@Controller('users')
class UsersController {
constructor(private readonly usersService: UsersService) {}
@Get()
async getUsers(): Promise