Blog post: Isolate your page transitions and animations

[fertrig]

Given a page transition from a list page to a details page. Given that the transition is animated. Then describe:

• why you should isolate this interaction
• how to write stories for it
• why Monarch's preview isolation is a must for this type of interaction

Resources:

• From the monarch samples: Animated list
• From the Flutter cookbook: Animate a page route transition

[fertrig]

For the latest changes:

1. Include the name of the source files in the code samples. Example:

// lib/abc_widget.dart

class ExpenseListWidget extends StatelessWidget {
...

// stories/abc_stories.dart

Widget noTransition() => ExpenseListWidget(
...

That should make it more clear what each file represents.

2. monarch run should be monarch run
3. Before the video add "Hit play on the video below to see it in action."
4. Once we merge the samples code in the monarch_samples repo we need to make sure the link points to the right place

The video is nice. And I really like how the post turned out. Great job!