History

Sam Corcos c31a65669e Add comma to prevent build error when react.gradle is uncommented Summary: Thanks for submitting a PR! Please read these instructions carefully: - [ ] Explain the motivation for making this change. - [ ] Provide a test plan demonstrating that the code is solid. - [ ] Match the code formatting of the rest of the codebase. - [ ] Target the `master` branch, NOT a "stable" branch. At the moment, if you uncomment the react specific code in `build.gradle` you'll get a compilation error. Adding a comma prevents this error. No tests are necessary. This is a simple fix. Sign the [CLA][2], if you haven't already. Small pull requests are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it. Make sure all tests pass on both [Travis][3] and [Circle CI][4]. PRs that break tests are unlikely to be merged. For more info, see the ["Pull Requests"][5] section of our "Contributing" guidelines. [1]: https://medium.com/martink Closes https://github.com/facebook/react-native/pull/13212 Differential Revision: D4802065 Pulled By: javache fbshipit-source-id: 0ddfe16241381d7e4ac0e48be1bada21d9df2068		2017-03-30 10:20:56 -07:00
..
HelloNavigation	CLI template: Bump version of react-navigation dependency	2017-02-22 15:31:07 -08:00
HelloWorld	Add comma to prevent build error when react.gradle is uncommented	2017-03-30 10:20:56 -07:00
README.md	CLI: Add basic Navigation template (Chat)	2017-02-02 03:28:35 -08:00

README.md

App templates

This folder contains basic app templates. These get expanded by 'react-native init' when creating a new app to make it easier for anyone to get started.

Chat Example

This is an example React Native app demonstrates ListViews, text input and navigation between a few screens.

Purpose

One problem with React Native is that it is not trivial to get started: react-native init creates a very simple app that renders some text. Everyone then has to figure out how to do very basic things such as adding a list of items fetched from a server, navigating to a screen when a list item is tapped, or handling text input.

This app is a template used by react-native init so it is easier for anyone to get up and running quickly by having an app with a few screens, a ListView and a TextInput that works well with the software keyboard.

Best practices

Another purpose of this app is to define best practices such as:

The folder structure of a standalone React Native app
A style guide for JavaScript and React - for this we use the AirBnb style guide
Naming conventions

We need your feedback to settle on a good set of best practices. Have you built React Native apps? If so, please use the issues in the repo mkonicek/ChatExample to discuss what you think are the best practices that this example should be using.

Running the app locally

cd ChatExample
yarn
react-native run-ios
react-native run-android

(In case you want to use react-navigation master):

# Install dependencies:
cd react-navigation
yarn
yarn pack --filename react-navigation-1.0.0-alpha.tgz
cd ChatExample
yarn
yarn add ~/code/react-navigation/react-navigation-1.0.0-alpha.tgz