Files
storybook/docs/_templates/tutorial-template.md

63 lines
1.5 KiB
Markdown
Raw Permalink Normal View History

# [Chapter Title]
> **Learning Objective**: By the end of this chapter, you'll be able to [specific skill].
## Why This Matters
[Motivation - explain why this concept is important for storytelling. Connect to narrative creation, not just technical details. Make it inspiring!]
## The Concept
[Gentle introduction with metaphor or analogy. Explain in plain language before showing code. Build intuition.]
## Example: [Descriptive Name]
Let's see this in action with [character/scenario]:
```storybook
[Complete, working example with meaningful names]
```
### Walking Through the Example
[Step-by-step explanation of the code above. Call attention to important details. Explain each part's purpose.]
### Why It Works
[Explain the semantics - what happens when this code runs? Connect code structure to narrative outcome.]
## Try It Yourself
[Guided exercise with clear instructions. Suggest modifications. Encourage experimentation.]
```storybook
[Exercise template or starting point]
```
## Common Patterns
[Show 2-3 variations of this concept. Highlight when to use each.]
## Tips and Tricks
- **[Tip 1]**: [Practical advice]
- **[Tip 2]**: [Helpful hint]
- **[Tip 3]**: [Common pitfall to avoid]
## Key Takeaways
- [Main concept 1]
- [Main concept 2]
- [Main concept 3]
- [How this enables storytelling]
## What's Next
[Bridge to next chapter. Create excitement. Show how concepts build.]
→ [Next: Chapter Name](next-chapter.md)
---
**Quick Reference**: [Link to relevant reference section]