diff --git a/docs/CommunicationIOS.md b/docs/CommunicationIOS.md index a11522cd886..3426bbcbe0a 100644 --- a/docs/CommunicationIOS.md +++ b/docs/CommunicationIOS.md @@ -63,7 +63,7 @@ class ImageBrowserApp extends React.Component { } } -AppRegistry.registerComponent('ImageBrowserApp', () => ImageBrowserApp); +AppRegistry.registerComponent('AwesomeProject', () => ImageBrowserApp); ``` `RCTRootView` also provides a read-write property `appProperties`. After `appProperties` is set, the React Native app is re-rendered with new properties. The update is only performed when the new updated properties differ from the previous ones. diff --git a/docs/HandlingTextInput.md b/docs/HandlingTextInput.md index 9fe4b979789..767b0d968dc 100644 --- a/docs/HandlingTextInput.md +++ b/docs/HandlingTextInput.md @@ -41,7 +41,7 @@ export default class PizzaTranslator extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('PizzaTranslator', () => PizzaTranslator); +AppRegistry.registerComponent('AwesomeProject', () => PizzaTranslator); ``` In this example, we store `text` in the state, because it changes over time. diff --git a/docs/IntegrationWithExistingApps.md b/docs/IntegrationWithExistingApps.md index 1f20682d6e0..76b5a9093c4 100644 --- a/docs/IntegrationWithExistingApps.md +++ b/docs/IntegrationWithExistingApps.md @@ -348,7 +348,7 @@ const styles = StyleSheet.create({ }); // Module name -AppRegistry.registerComponent('RNHighScores', () => RNHighScores); +AppRegistry.registerComponent('AwesomeProject', () => RNHighScores); ``` > `RNHighScores` is the name of your module that will be used when you add a view to React Native from within your iOS application. @@ -625,7 +625,7 @@ var styles = StyleSheet.create({ }, }); -AppRegistry.registerComponent('HelloWorld', () => HelloWorld); +AppRegistry.registerComponent('AwesomeProject', () => HelloWorld); ``` ##### 3. Configure permissions for development error overlay diff --git a/docs/NativeComponentsIOS.md b/docs/NativeComponentsIOS.md index 5f1f02d71d0..91a8e6eb1f3 100644 --- a/docs/NativeComponentsIOS.md +++ b/docs/NativeComponentsIOS.md @@ -347,7 +347,7 @@ class MapViewExample extends React.Component { } // Module name -AppRegistry.registerComponent('MapViewExample', () => MapViewExample); +AppRegistry.registerComponent('AwesomeProject', () => MapViewExample); ``` ## Styles diff --git a/docs/Props.md b/docs/Props.md index 1b2ccb3673e..050c164b8e9 100644 --- a/docs/Props.md +++ b/docs/Props.md @@ -29,7 +29,7 @@ export default class Bananas extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('Bananas', () => Bananas); +AppRegistry.registerComponent('AwesomeProject', () => Bananas); ``` Notice that `{pic}` is surrounded by braces, to embed the variable `pic` into JSX. You can put any JavaScript expression inside braces in JSX. @@ -63,7 +63,7 @@ export default class LotsOfGreetings extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfGreetings); +AppRegistry.registerComponent('AwesomeProject', () => LotsOfGreetings); ``` Using `name` as a prop lets us customize the `Greeting` component, so we can reuse that component for each of our greetings. This example also uses the `Greeting` component in JSX, just like the built-in components. The power to do this is what makes React so cool - if you find yourself wishing that you had a different set of UI primitives to work with, you just invent new ones. diff --git a/docs/State.md b/docs/State.md index af95bffd850..c04de810037 100644 --- a/docs/State.md +++ b/docs/State.md @@ -53,7 +53,7 @@ export default class BlinkApp extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('BlinkApp', () => BlinkApp); +AppRegistry.registerComponent('AwesomeProject', () => BlinkApp); ``` In a real application, you probably won't be setting state with a timer. You might set state when you have new data arrive from the server, or from user input. You can also use a state container like [Redux](http://redux.js.org/index.html) to control your data flow. In that case you would use Redux to modify your state rather than calling `setState` directly. diff --git a/docs/Style.md b/docs/Style.md index 5641f2fc0b7..e15e6ef36a2 100644 --- a/docs/Style.md +++ b/docs/Style.md @@ -43,7 +43,7 @@ const styles = StyleSheet.create({ }); // skip this line if using Create React Native App -AppRegistry.registerComponent('LotsOfStyles', () => LotsOfStyles); +AppRegistry.registerComponent('AwesomeProject', () => LotsOfStyles); ``` One common pattern is to make your component accept a `style` prop which in diff --git a/docs/Text.md b/docs/Text.md index 183cb90959f..461565b534b 100644 --- a/docs/Text.md +++ b/docs/Text.md @@ -22,7 +22,7 @@ export default class BoldAndBeautiful extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('BoldAndBeautiful', () => BoldAndBeautiful); +AppRegistry.registerComponent('AwesomeProject', () => BoldAndBeautiful); ``` Behind the scenes, React Native converts this to a flat `NSAttributedString` or `SpannableString` that contains the following information: @@ -54,7 +54,7 @@ export default class BlueIsCool extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('BlueIsCool', () => BlueIsCool); +AppRegistry.registerComponent('AwesomeProject', () => BlueIsCool); ``` > In order to use this feature, you must give the view a `width` and a `height`. diff --git a/docs/Tutorial.md b/docs/Tutorial.md index 5354de2f939..8fb1871b6f5 100644 --- a/docs/Tutorial.md +++ b/docs/Tutorial.md @@ -30,7 +30,7 @@ export default class HelloWorldApp extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp); +AppRegistry.registerComponent('AwesomeProject', () => HelloWorldApp); ``` If you are feeling curious, you can play around with sample code directly in the web simulators. You can also paste it into your `index.ios.js` or `index.android.js` file to create a real app on your local machine. diff --git a/docs/UsingAListView.md b/docs/UsingAListView.md index 791fc2b5270..857ec95f2b9 100644 --- a/docs/UsingAListView.md +++ b/docs/UsingAListView.md @@ -46,7 +46,7 @@ export default class ListViewBasics extends Component { } // skip this line if using Create React Native App -AppRegistry.registerComponent('ListViewBasics', () => ListViewBasics); +AppRegistry.registerComponent('AwesomeProject', () => ListViewBasics); ``` One of the most common uses for a `ListView` is displaying data that you fetch from a server. To do that, you will need to [learn about networking in React Native](docs/network.html). diff --git a/docs/UsingAScrollView.md b/docs/UsingAScrollView.md index 777812df97f..2ffbce9dc12 100644 --- a/docs/UsingAScrollView.md +++ b/docs/UsingAScrollView.md @@ -58,7 +58,7 @@ export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component // skip these lines if using Create React Native App AppRegistry.registerComponent( - 'IScrolledDownAndWhatHappenedNextShockedMe', + 'AwesomeProject', () => IScrolledDownAndWhatHappenedNextShockedMe); ```