Improve readme (#653)

Author: wcandillon

README.md

@@ -14,132 +14,13 @@ React Native Skia brings the Skia Graphics Library to React Native. Skia serves
 
 _This is an alpha release. Use with caution._
 
-## Installation
-
-React Native Skia brings the [Skia Graphics Library](https://skia.org/) to React Native.
-Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and Firefox OS, and many other products.
-
-```sh
-yarn add @shopify/react-native-skia
-```
-
-Or using npm:
+## Getting Started
 
 ```sh
 npm install @shopify/react-native-skia
 ```
 
-### iOS
-
-Run `pod install` on the `ios/` directory.
-
-### Android
-
-> **Version compatibility**: `react-native@>=0.66` is required.
-
-Currently, you will need Android NDK to be installed.
-If you have Android Studio installed, make sure `$ANDROID_NDK` is available.
-`ANDROID_NDK=/Users/username/Library/Android/sdk/ndk-bundle` for instance.
-
-If the NDK is not installed, you can install it via Android Studio by going to the menu _File > Project Structure_
-
-And then the _SDK Location_ section. It will show you the NDK path, or the option to Download it if you don't have it installed.
-
-And them the _Modules_ section. click on `shopify_react-native-skia` and select _NDK version_ with dropdown, and click on apply.
-
-#### Proguard
-
-If you're using Proguard, make sure to add the following rule:
-
-```
--keep class com.shopify.reactnative.skia.** { *; }
-```
-
-#### TroubleShooting
-
-For error **_CMake 'X.X.X' was not found in SDK, PATH, or by cmake.dir property._**
-
-open _Tools > SDK Manager_, switch to the _SDK Tools_ tab.
-Find `CMake` and click _Show Package Details_ and download compatiable version **'X.X.X'**, and apply to install.
-
-### Playground
-
-We have an example project you can play with [here](https://github.com/Shopify/react-native-skia/tree/main/example).
-
-```sh
-$ yarn
-$ cd package && yarn && cd ..
-$ cd example && yarn && yarn start
-```
-
-To run the example project on iOS, you will need to run `pod install` and on Android you will also need Android NDK to be installed ([see here](#android)).
-
-## Hello World
-
-React Native Skia has two APIs: a declarative API available as a React Native Renderer and an imperative API backed by JSI.
-The recommended way to use this library is via the declarative API.
-Library developers may take advantage of the imperative API to provide custom features.
-
-## Declarative API
-
-### Example
-
-```tsx twoslash
-import { Canvas, Circle, Group } from "@shopify/react-native-skia";
-
-export const HelloWorld = () => {
-  const width = 256;
-  const height = 256;
-  const r = 215;
-  return (
-    <Canvas style={{ flex: 1 }}>
-      <Group blendMode="multiply">
-        <Circle cx={r} cy={r} r={r} color="cyan" />
-        <Circle cx={width - r} cy={r} r={r} color="magenta" />
-        <Circle cx={width / 2} cy={height - r} r={r} color="yellow" />
-      </Group>
-    </Canvas>
-  );
-};
-```
-
-## Imperative API
-
-### Example
-
-```tsx twoslash
-import {
-  Skia,
-  BlendMode,
-  SkiaView,
-  useDrawCallback,
-} from "@shopify/react-native-skia";
-
-const paint = Skia.Paint();
-paint.setAntiAlias(true);
-paint.setBlendMode(BlendMode.Multiply);
-
-export const HelloWorld = () => {
-  const width = 256;
-  const height = 256;
-  const r = 215;
-  const onDraw = useDrawCallback((canvas) => {
-    // Cyan Circle
-    const cyan = paint.copy();
-    cyan.setColor(Skia.Color("cyan"));
-    canvas.drawCircle(r, r, r, cyan);
-    // Magenta Circle
-    const magenta = paint.copy();
-    magenta.setColor(Skia.Color("magenta"));
-    canvas.drawCircle(width - r, r, r, magenta);
-    // Yellow Circle
-    const yellow = paint.copy();
-    yellow.setColor(Skia.Color("yellow"));
-    canvas.drawCircle(width / 2, height - r, r, yellow);
-  });
-  return <SkiaView style={{ flex: 1 }} onDraw={onDraw} />;
-};
-```
+Documentation is available at [https://shopify.github.io/react-native-skia](https://shopify.github.io/react-native-skia/docs/getting-started/installation/).
 
 ## Library Development
 

docs/docs/getting-started/installation.md

@@ -43,6 +43,13 @@ If you're using Proguard, make sure to add the following rule:
 -keep class com.shopify.reactnative.skia.** { *; }
 ```
 
+### TroubleShooting
+
+For error **_CMake 'X.X.X' was not found in SDK, PATH, or by cmake.dir property._**
+
+open _Tools > SDK Manager_, switch to the _SDK Tools_ tab.
+Find `CMake` and click _Show Package Details_ and download compatiable version **'X.X.X'**, and apply to install.
+
 ## Playground
 
 We have an example project you can play with [here](https://github.com/Shopify/react-native-skia/tree/main/example).