Skip to content

Commit d75f755

Browse files
lackerMorgan Pretty
authored andcommitted
More Resources doc, updating Support doc and quickstart too
Summary: TLDR even more docs changes So I created a More Resources doc that aggregates the high-quality-but-off-site stuff. Let's try to put more outlinks there. Also I removed the stuff on Support that was not support, and some misc changes to clean stuff up. Closes facebook#8329 Differential Revision: D3471669 Pulled By: JoelMarcey fbshipit-source-id: 54edd543ced1b3a8f3d0baca5475ac96bae6e487
1 parent 094c3c9 commit d75f755

14 files changed

+98
-706
lines changed

docs/Basics-Component-Image.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-image
33
title: Image
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-image.html
77
next: basics-component-view
88
---

docs/Basics-Component-ListView.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-listview
33
title: ListView
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-listview.html
77
next: basics-network
88
---

docs/Basics-Component-ScrollView.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-scrollview
33
title: ScrollView
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-scrollview.html
77
next: basics-component-listview
88
---

docs/Basics-Component-Text.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-text
33
title: Text
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-text.html
77
next: basics-component-image
88
---

docs/Basics-Component-TextInput.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-textinput
33
title: TextInput
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-textinput.html
77
next: basics-component-scrollview
88
---

docs/Basics-Component-View.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-component-view
33
title: View
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-component-view.html
77
next: basics-component-textinput
88
---

docs/Basics-Components.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: basics-components
33
title: Components
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/basics-components.html
77
next: basics-component-text
88
---

docs/Basics-IntegrationWithExistingApps.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
2-
id: basics-integration-with-existing-apps
2+
id: integration-with-existing-apps
33
title: Integration With Existing Apps
44
layout: docs
5-
category: Basics
6-
permalink: docs/basics-integration-with-existing-apps.html
7-
next: sample-application-movies
5+
category: Guides
6+
permalink: docs/integration-with-existing-apps.html
7+
next: style
88
---
99

1010
<div class="integration-toggler">

docs/Basics-Network.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
id: basics-network
33
title: Network
44
layout: docs
5-
category: Basics
5+
category: The Basics
66
permalink: docs/network.html
7-
next: basics-integration-with-existing-apps
7+
next: more-resources
88
---
99

1010
One of React Native's goals is to be a playground where we can experiment with different architectures and crazy ideas. Since browsers are not flexible enough, we had no choice but to reimplement the entire stack. In the places that we did not intend to change anything, we tried to be as faithful as possible to the browser APIs. The networking stack is a great example.

docs/MoreResources.md

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
id: more-resources
3+
title: More Resources
4+
layout: docs
5+
category: The Basics
6+
permalink: docs/more-resources.html
7+
next: integration-with-existing-apps
8+
---
9+
10+
If you just read through this website, you should be able to build a pretty cool React Native app. But React Native isn't just a product made by one company - it's a community of thousands of developers. So if you're interested in React Native, here's some related stuff you might want to check out.
11+
12+
## Popular Libraries
13+
14+
If you're using React Native, you probably already know about [React](https://facebook.github.io/react/). So I feel a bit silly mentioning this. But if you haven't, check out React - it's the best way to build a modern website.
15+
16+
One common question is how to handle the "state" of your React Native application. The most popular library for this is [Redux](http://redux.js.org/). Don't be afraid of how often Redux uses the word "reducer" - it's a pretty simple library, and there's also a nice [series of videos](https://egghead.io/courses/getting-started-with-redux) explaining it.
17+
18+
If you're looking for a library that does a specific thing, check out [Awesome React Native](https://github.com/jondot/awesome-react-native), a curated list of components that also has demos, articles, and other stuff.
19+
20+
## Example Apps
21+
22+
There are a lot of example apps at the [React Native Playground](https://rnplay.org/apps/picks). You can see the code running on a real device, which is a neat feature.
23+
24+
The folks who built the app for Facebook's F8 conference in 2016 also [open-sourced the code](https://github.com/fbsamples/f8app) and wrote up a [detailed series of tutorials](http://makeitopen.com/tutorials/building-the-f8-app/planning/). This is useful if you want a more in-depth example that's more realistic than most sample apps out there.
25+
26+
## Development Tools
27+
28+
[Nuclide](https://nuclide.io/) is the IDE that Facebook uses internally for React Native development. The killer feature of Nuclide is its debugging ability. It also has great inline Flow support.
29+
30+
[Ignite](https://github.com/infinitered/ignite) is a starter kit that uses Redux and a few different common UI libraries. It has a CLI to generate apps, components, and containers. If you like all of the individual tech choices, Ignite could be perfect for you.
31+
32+
[CodePush](https://microsoft.github.io/code-push/) is a service from Microsoft that makes it easy to deploy live updates to your React Native app. If you don't like going through the app store process to deploy little tweaks, and you also don't like setting up your own backend, give CodePush a try.
33+
34+
[Exponent](http://docs.getexponent.com/versions/v6.0.0/index.html) is a development environment plus application that focuses on letting you build React Native apps in the Exponent development environment, without ever touching Xcode or Android Studio. If you wish React Native was even more JavaScripty and webby, check out Exponent.
35+
36+
[Deco](https://www.decosoftware.com/) is an all-in-one development environment specifically designed for React Native. It can automatically set up a new project, search for open source components, and insert them. You can also tweak your app graphically in real time. Check it out if you use macOS.
37+
38+
## Where React Native People Hang Out
39+
40+
The [React Native Community](https://www.facebook.com/groups/react.native.community) Facebook group has thousands of developers, and it's pretty active. Come there to show off your project, or ask how other people solved similar problems.
41+
42+
[Reactiflux](https://discord.gg/0ZcbPKXt5bZjGY5n) is a Discord chat where a lot of React-related discussion happens, including React Native. Discord is just like Slack except it works better for open source projects with a zillion contributors. Check out the #react-native channel.
43+
44+
The [React Twitter account](https://twitter.com/reactjs) covers both React and React Native. Following that account is a pretty good way to find out what's happening in the world of React.
45+
46+
There are a lot of [React Native Meetups](http://www.meetup.com/topics/react-native/) that happen around the world. Often there is React Native content in React meetups as well.
47+
48+
Sometimes we have React conferences. We posted the [videos from React.js Conf 2016](https://www.youtube.com/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY), and we'll probably have more conferences in the future, too. Stay tuned.

0 commit comments

Comments
 (0)