React: Mobile friendly docs

[thymikee]

I'd like to contribute to make React docs mobile friendly, because I cry every time I need to look up something on a phone 😢.

There had been and attempt to do that some time ago here: #5404 with this PR: #5512, but apparently it was abandoned by an author.

I'd like to wait with sending my PR until you accept the navigation design (the reset is pretty straight-forward I guess).

So, this is pretty much how I would see this (removed downloads tab, because we're on phone, but there's a place for that just in case):

And a little gif:

It's almost identical as on React Native docs, so we would have kind of consistency here.
But I'd rather like to avoid sticky header, as it takes too much space.

cc @lacker as @gaearon advised me to contact you on this one.

[lacker]

I think your vision here is pretty cool! I definitely agree our docs could be nicer on mobile. We were also thinking of altering some details of the overall layout, which might be a little conflicty here, but we have a meeting on Monday to see who's gonna work on that stuff out, so I'll report back to this issue after that.

[thymikee]

👍

[pmaojo]

I think it's so important. I came just for the same.

[lacker]

OK, so the React team is now working on overhauling the docs & the plan is to finish this doc-a-than by October 14. We're doing it in the new-docs branch. If there's a way to get what you want via some not-super-disruptive changes like CSS, feel free to send a pull request to that branch. If you'd rather someone from the React team take a look, @vjeux claims its not gonna be too hard to do it so I think we'll get to it in the next couple weeks.

[thymikee]

The changes are mostly in CSS and are definitely not super-disruptive :D. I'll send a PR later tomorrow.

[thymikee]

@lacker PR is there, you can have a look.

[gaearon]

Done now, thanks so much!