From 8aabce3f1c7bcd6b5679caa2953e396522fd992d Mon Sep 17 00:00:00 2001
From: Hector Ramos <hramos@fb.com>
Date: Mon, 19 Jun 2017 10:21:02 -0700
Subject: [PATCH] Clean up the help page

Summary: Closes https://github.com/facebook/react-native/pull/14569

Differential Revision: D5275055

Pulled By: hramos

fbshipit-source-id: 1393da637a970e89fba40ea694641e4c26dfa3d9
---
 website/src/react-native/support.js | 183 +++++++++-------------------
 1 file changed, 57 insertions(+), 126 deletions(-)

diff --git a/website/src/react-native/support.js b/website/src/react-native/support.js
index 528192667..dd3e52060 100644
--- a/website/src/react-native/support.js
+++ b/website/src/react-native/support.js
@@ -56,6 +56,13 @@ var support = React.createClass({
                       The Basics Tutorial
                     </a>
                   </li>
+                  <li className="help-list-entry">
+                    <a
+                      href="/react-native/docs/components-and-apis.html"
+                    >
+                      Components and APIs
+                    </a>
+                  </li>
                   <li className="help-list-entry">
                     <a
                       href="/react-native/docs/integration-with-existing-apps.html"
@@ -64,26 +71,40 @@ var support = React.createClass({
                     </a>
                   </li>
                 </ul>
-                <h2>Explore samples</h2>
+              </div>
+
+              <div className="help-col">
+                <h2>Join the community</h2>
                 <p>
-                  Take apart these fully built applications, and get some inspiration for your own.
+                  Connect with other React Native developers. Show off your project, or ask how other people solved similar problems.
                 </p>
 
                 <ul>
                   <li className="help-list-entry">
-                    <a href="http://makeitopen.com/">
-                      Building the F8 2016 App
+                    <a
+                      href="http://stackoverflow.com/questions/tagged/react-native?sort=frequent"
+                    >
+                      Frequently Asked Questions
                     </a>
                   </li>
                   <li className="help-list-entry">
                     <a
-                      href="http://www.awesome-react-native.com/#open-source-apps"
+                      href="https://www.facebook.com/groups/react.native.community"
                     >
-                      Open Source apps
+                      React Native Community
+                    </a>
+                  </li>
+                  <li className="help-list-entry">
+                    <a
+                      href="https://discord.gg/0ZcbPKXt5bZjGY5n"
+                    >
+                      Reactiflux Chat
                     </a>
                   </li>
                 </ul>
+              </div>
 
+              <div className="help-col">
                 <h2>Stay up to date</h2>
                 <p>
                   Find out what's happening in the world of React Native.
@@ -99,137 +120,47 @@ var support = React.createClass({
                   </li>
                   <li className="help-list-entry">
                     <a href="/react-native/blog/">
-                      News and Updates
+                      The React Native Blog
                     </a>
                   </li>
                   <li className="help-list-entry">
                     <a
                       href="https://github.com/facebook/react-native/releases"
                     >
-                      Latest Releases
+                      Release notes
                     </a>
                   </li>
                 </ul>
               </div>
-
-              <div className="help-col">
-                <h2>Join the community</h2>
-                <p>
-                  Connect with other React Native developers. Show off your project, or ask how other people solved similar problems.
-                </p>
-
-                <ul className="help-list">
-                  <li className="help-list-entry">
-                    <h3>Frequently Asked Questions</h3>
-                    <p>
-                      Many React Native users are active on Stack Overflow. Browse
-                      {' '}
-                      <a
-                        href="http://stackoverflow.com/questions/tagged/react-native"
-                      >
-                        existing questions
-                      </a>
-                      , or ask your own technical question.
-                    </p>
-                  </li>
-                  <li className="help-list-entry">
-                    <h3>React Native Community</h3>
-                    <p>
-                      If you have an open-ended question or you just want to get a general sense of what React Native folks talk about, check out the
-                      {' '}
-                      <a
-                        href="https://www.facebook.com/groups/react.native.community"
-                      >
-                        React Native Community
-                      </a>
-                      {' '}
-                      Facebook group. It has thousands of developers and almost all posts get a response.
-                    </p>
-                  </li>
-                  <li className="help-list-entry">
-                    <h3>Reactiflux Chat</h3>
-                    <p>
-                      If you need an answer right away, check out the
-                      {' '}
-                      <a
-                        href="https://discord.gg/0ZcbPKXt5bZjGY5n"
-                      >
-                        #react-native
-                      </a>
-                      {' '}
-                      channel. There are usually a number of React Native experts there who can help out or point you to somewhere you might want to look.
-                    </p>
-                  </li>
-                </ul>
-              </div>
-
-              <div className="help-col">
-                <h2>Contribute</h2>
-                <p>
-                  React Native is open source! Issues and pull requests are welcome.
-                </p>
-
-                <ul className="help-list">
-                  <li className="help-list-entry">
-                    <h3>Get Involved</h3>
-                    <p>
-                      If you want to contribute, take a look at the list of
-                      {' '}
-                      <a
-                        href="https://github.com/facebook/react-native/issues?q=is%3Aopen+is%3Aissue+label%3A%22Good+First+Task%22"
-                      >
-                        good first tasks
-                      </a>
-                      {' '}
-                      on GitHub. If you want to find out more about what other people are working on, take a look at the
-                      {' '}
-                      <a
-                        href="https://github.com/facebook/react-native/wiki/Roadmap"
-                      >
-                        Roadmap
-                      </a>
-                      .
-                    </p>
-                  </li>
-
-                  <li className="help-list-entry">
-                    <h3>Feature Requests</h3>
-                    <p>
-                      If you have a feature request, <a
-                        href="https://react-native.canny.io/feature-requests"
-                      >
-                        add it to the list
-                      </a>
-                      {' '}
-                      or upvote a similar one. The voting system helps surface which issues are most important to the community.
-                    </p>
-                  </li>
-
-                  <li className="help-list-entry">
-                    <h3>Report a Bug</h3>
-                    <p>
-                      If you have discovered a bug in React Native, consider submitting a
-                      {' '}
-                      <a
-                        href="https://github.com/facebook/react-native/"
-                      >
-                        pull request
-                      </a>
-                      {' '}
-                      with a fix. If you don't think you can fix it yourself, you can
-                      {' '}
-                      <a
-                        href="https://github.com/facebook/react-native/issues"
-                      >
-                        open an issue
-                      </a>
-                      {' '}
-                      on GitHub.
-                    </p>
-                  </li>
-                </ul>
-              </div>
             </div>
+            <p>
+              React Native is
+              {' '}
+              <a
+                href="https://github.com/facebook/react-native"
+              >
+                open source
+              </a>
+              ! If you want to contribute, take a look at the
+              {' '}
+              <a
+                href="https://github.com/facebook/react-native/wiki/Roadmap"
+              >
+                Roadmap
+              </a>
+              {' '}
+              to learn more about what people are working on, or check out the list of
+              {' '}
+              <a
+                href="https://react-native.canny.io/feature-requests"
+              >
+                most popular features
+              </a>
+              {' '}
+              requested by the community.
+              {' '}
+            </p>
+
           </div>
         </section>