Add a "how to use" section

[lucasbento]

Feature Request

Working on facebook/react-native-website#1063 I noticed that we lack a "getting started"/"how to use" guide for the user to know what to do once they land on the page.

Why it is needed

So it's more clear to the user what they need to do with that beautiful diff that's showing in their browser.

Possible implementation

A button with a ? icon that opens a modal with some nice content about how to upgrade using Upgrade Helper, content can be based on facebook/react-native-website#1063.

[kelset]

Yeah, this sounds like a good approach - probably just a few lines explaining👍

[KevinHu2014]

Could I have this one :)

By the way, Where should this button belongs?
Will it be nice if placing it besides the Github star badge button?

A button with a ? icon that opens a modal with some nice content about how to upgrade using Upgrade Helper

[lucasbento]

@KevinHu2014: of course!

I was thinking more like putting it on the top right of the container, something like here:

But I suppose it would also look nice close to the star button, any of the two solutions would work well in my opinion.

[KevinHu2014]

Sorry I forgot this one. 😓

@lucasbento Shall we discuss the short version content of "How to use" first?
And since #91 (comment), the how to button still goes to top right of the container right?

[vinnyA3]

Hi @KevinHu2014

I think the top right corner is a nice position. It can go right next to the settings button. What do you think @lucasbento?

[lucasbento]

I think the top right corner is a nice position. It can go right next to the settings button. What do you think @lucasbento?

Oh yeah, definitely agree with this!

I would start doing this after #91 is merged, @KevinHu2014.

[KevinHu2014]

#91 has been merged.

@lucasbento Maybe we can start discussing the short version content of "How to use"

[pvinis]

The talk is out where I explain how to use this. Should we link to that? 😬

[kelset]

100% :)

[lucasbento]

The talk is out where I explain how to use this. Should we link to that? 😬

Would be nice!

@KevinHu2014: you can also use https://facebook.github.io/react-native/docs/upgrading#upgrade-helper as reference.