react-native/website
Jodi Warren da9e51c92d Docs component grid laid out with CSS Grid
Summary:
The component grid on Components and APIs
https://facebook.github.io/react-native/docs/components-and-apis.html
has a set height for each item. This causes content to overflow their
containers.

Before:
![image](https://user-images.githubusercontent.com/1337003/29373309-b67c0dea-82a5-11e7-9850-003d66571df2.png)

After:
![image](https://user-images.githubusercontent.com/1337003/29373337-d32b7214-82a5-11e7-8d12-958be9ff81aa.png)

I've quickly fixed this with CSS Grid. There is much more room for
improvement, but this prevents it being visually broken.

Tested by locally rendering. Jest passes OK.

Run docs website locally. Visually confirm correct rendering.
Closes https://github.com/facebook/react-native/pull/15514

Reviewed By: ericvicenti

Differential Revision: D5641555

Pulled By: TheSavior

fbshipit-source-id: 3b4002e06066c3c052a75ba15a74521e6e1e7d40
2017-08-16 13:02:19 -07:00
..
core Cleanup stray markdown files, update contributing guidelines 2017-08-04 16:18:01 -07:00
jsdocs remove disableAutomock from jest tests (new default) @bypass-lint 2017-06-13 15:04:09 -07:00
layout creatClass codemod 2017-07-25 10:28:42 -07:00
server What to Expect from Maintainers 2017-07-28 08:18:53 -07:00
src/react-native Docs component grid laid out with CSS Grid 2017-08-16 13:02:19 -07:00
.gitignore Generate Atom feed for the React Native blog. 2016-10-28 13:28:37 -07:00
README.md Update guidelines. 2017-06-14 15:16:59 -07:00
package.json Remove unused npm dependencies and add missing ones 2017-07-08 01:45:01 -07:00
publish-gh-pages.js shelljs/global -> shelljs 2017-07-12 16:08:22 -07:00
setup.sh Docs for website setup 2015-12-28 12:47:09 -08:00
showcase.json Increase text size, rename Tutorial, update nav... 2017-06-27 14:18:07 -07:00

README.md

Install prerequisites

Before running the website, make sure you've run the following:

git clone https://github.com/facebook/react-native.git
cd react-native
npm install

Run the website server

The first time, get all the website dependencies loaded via

cd website
npm install

Then, run the server via

npm start
open http://localhost:8079/react-native/index.html

Anytime you change the contents, just refresh the page and it's going to be updated.

Publish the website

The website at https://facebook.github.io/react-native is automatically deployed by our continuous integration infrastructure, specifically CircleCI. This is configured in circle.yml in the root of the repository.