docs(tutorial): update examples to show best practices

Closes #4256, #4255, #4254, #4253, #4250, #4092