Doc/README changes with name change (#131)

* revise readme and sample readme

* update image

Author: angelazhangmsft

README.md

@@ -1,19 +1,16 @@
-# The JS/WinRT language projection
+# React Native WinRT
 
-JavaScript WinRT (JS/WinRT) is a module for React Native Windows which provides access to WinRT APIs from Javascript. It uses components from [xlang](https://github.com/Microsoft/xlang) to [parse metadata](https://github.com/microsoft/winmd) for public or private WinRT COM APIs and generate JSI (JavaScript Interface) wrappers for [C++/WinRT](https://github.com/microsoft/cppwinrt) types at compile-time and the code generator was itself derived from `cppwinrt.exe`.
+React Native WinRT is a module for [React Native for Windows](https://microsoft.github.io/react-native-windows/) developers who want to call native (non-XAML) WinRT APIs in their apps. It uses components from [xlang](https://github.com/Microsoft/xlang) to [parse metadata](https://github.com/microsoft/winmd) for public or private WinRT COM APIs and generate JSI (JavaScript Interface) wrappers for [C++/WinRT](https://github.com/microsoft/cppwinrt) types at compile-time. The code generator was itself derived from `cppwinrt.exe`.
 
-## Building JS/WinRT Sample
+This repo generates the **Microsoft.ReactNative.WinRT** NuGet package for specific versions of React Native Windows. 
 
-- Open a dev command prompt pointing at the root of the repo.
-- Run `npm install` under ["\samples\RNWinRTTestApp\"](./samples/RNWinRTTestApp)
-- Open the [`RNWinRTTestApp.sln`](./samples/RNWinRTTestApp/windows/RNWinRTTestApp.sln) solution.
-- Build the x64 Release or Debug configuration.
-- If running Debug: Run 'yarn start' under ["\samples\RNWinRTTestApp\"](./samples/RNWinRTTestApp)
-- F5 deploy the sample app.
+## Getting started
 
-## Usage
+Refer to the [usage docs](docs/USAGE.md) for instructions on how to use React Native WinRT in your React Native Windows app to call projected WinRT APIs in Javascript.
 
-Refer to the [usage docs](docs/USAGE.md) for instructions on how to use react-native-winrt in your React Native Windows app to call projected WinRT APIs in Javascript.
+### Sample code
+
+See the [sample app](/samples/RNWinRTTestApp/) for an example of using the **Microsoft.ReactNative.WinRT** package to consume WinRT APIs.
 
 ## Contributing
 

samples/RNWinRTTestApp/README.md

@@ -0,0 +1,28 @@
+# React Native WinRT Sample
+
+This sample demonstrates how to use the **Microsoft.ReactNative.WinRT** package to consume projected WinRT APIs with Javascript in a React Native for Windows app.
+
+The WinRT APIs demonstrated in this sample include:
+- `Windows.UI.StartScreen`
+- `Windows.Foundation.Uri`
+- `Windows.Storage`
+- `Windows.Foundation.Diagnostics`
+
+## Prerequisites
+
+- Visual Studio 2019 or later
+- See [System Requirements](https://microsoft.github.io/react-native-windows/docs/rnw-dependencies) for React Native for Windows development
+
+## Building and running the sample
+
+1. Clone or download the react-native-winrt repository.
+2. Open a developer command prompt pointing at this directory.
+3. Run `npm install` from this directory.
+4. Open the solution file [`\windows\RNWinRTTestApp.sln`](./windows/RNWinRTTestApp.sln) in Visual Studio.
+5. Build the solution.
+6. If running Debug: run `yarn start` in the command prompt from this directory.
+7. F5 deploy the sample app (*RNWinRTTestApp*).
+
+You will see something similar to below after successfully building and running the sample:
+
+<img src="images/sample-app.png" alt="Sample app" width="400">