docs: update to include cra template usage (#137)

* components: adding cra option in try component

* docs: auto updating starter docs

Author: shubhamzanwar

website/docs/api/globals.md

@@ -1,6 +1,6 @@
 ---
 id: "globals"
-title: "@nodegui/react-nodegui"
+title: "@nodegui/react-nodegui - v0.4.0"
 sidebar_label: "Globals"
 ---
 

website/docs/api/index.md

@@ -1,6 +1,6 @@
 ---
 id: "index"
-title: "@nodegui/react-nodegui"
+title: "@nodegui/react-nodegui - v0.4.0"
 sidebar_label: "README"
 ---
 
@@ -114,19 +114,25 @@ People maintaining this project.
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4" width="100px;" alt="Rahul Gaba"/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4" width="100px;" alt="Kakul Gupta"/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4" width="100px;" alt="Eva1ent"/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4" width="100px;" alt="slidinghotdog"/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
-    <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4" width="100px;" alt="Roy Sommer"/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4" width="100px;" alt="Natesh M Bhat"/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
-    <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4" width="100px;" alt="Mikko Sairio"/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
+    <td align="center"><a href="http://rahulgaba.com"><img src="https://avatars3.githubusercontent.com/u/7898942?v=4" width="100px;" alt=""/><br /><sub><b>Rahul Gaba</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=rgabs" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/kakulgupta"><img src="https://avatars3.githubusercontent.com/u/10727047?v=4" width="100px;" alt=""/><br /><sub><b>Kakul Gupta</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=kakulgupta" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Nicify"><img src="https://avatars3.githubusercontent.com/u/24217275?v=4" width="100px;" alt=""/><br /><sub><b>Eva1ent</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=Nicify" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/slidinghotdog"><img src="https://avatars3.githubusercontent.com/u/33790211?v=4" width="100px;" alt=""/><br /><sub><b>slidinghotdog</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=slidinghotdog" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/roysommer/"><img src="https://avatars2.githubusercontent.com/u/6681893?v=4" width="100px;" alt=""/><br /><sub><b>Roy Sommer</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=illBeRoy" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/nateshmbhat"><img src="https://avatars1.githubusercontent.com/u/23279926?v=4" width="100px;" alt=""/><br /><sub><b>Natesh M Bhat</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=nateshmbhat" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://www.greatapes.fi"><img src="https://avatars3.githubusercontent.com/u/3404389?v=4" width="100px;" alt=""/><br /><sub><b>Mikko Sairio</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=msairio" title="Code">💻</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/shubhamzanwar"><img src="https://avatars0.githubusercontent.com/u/15626155?v=4" width="100px;" alt=""/><br /><sub><b>Shubham Zanwar</b></sub></a><br /><a href="https://github.com/nodegui/react-nodegui/commits?author=shubhamzanwar" title="Code">💻</a></td>
   </tr>
 </table>
 
+<!-- markdownlint-enable -->
+<!-- prettier-ignore-end -->
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

website/docs/api/interfaces/animatedimageprops.md

@@ -25,6 +25,7 @@ sidebar_label: "AnimatedImageProps"
 * [minSize](animatedimageprops.md#optional-minsize)
 * [mouseTracking](animatedimageprops.md#optional-mousetracking)
 * [on](animatedimageprops.md#optional-on)
+* [openExternalLinks](animatedimageprops.md#optional-openexternallinks)
 * [pos](animatedimageprops.md#optional-pos)
 * [ref](animatedimageprops.md#optional-ref)
 * [scaledContents](animatedimageprops.md#optional-scaledcontents)
@@ -147,6 +148,14 @@ Prop to set the event listener map. See [Handlong Events](/docs/guides/handle-ev
 
 ___
 
+### `Optional` openExternalLinks
+
+• **openExternalLinks**? : *undefined | false | true*
+
+*Inherited from [TextProps](textprops.md).[openExternalLinks](textprops.md#optional-openexternallinks)*
+
+___
+
 ### `Optional` pos
 
 • **pos**? : *Position*

website/docs/api/interfaces/imageprops.md

@@ -26,6 +26,7 @@ sidebar_label: "ImageProps"
 * [minSize](imageprops.md#optional-minsize)
 * [mouseTracking](imageprops.md#optional-mousetracking)
 * [on](imageprops.md#optional-on)
+* [openExternalLinks](imageprops.md#optional-openexternallinks)
 * [pos](imageprops.md#optional-pos)
 * [ref](imageprops.md#optional-ref)
 * [scaledContents](imageprops.md#optional-scaledcontents)
@@ -155,6 +156,14 @@ Prop to set the event listener map. See [Handlong Events](/docs/guides/handle-ev
 
 ___
 
+### `Optional` openExternalLinks
+
+• **openExternalLinks**? : *undefined | false | true*
+
+*Inherited from [TextProps](textprops.md).[openExternalLinks](textprops.md#optional-openexternallinks)*
+
+___
+
 ### `Optional` pos
 
 • **pos**? : *Position*

website/docs/api/interfaces/textprops.md

@@ -28,6 +28,7 @@ sidebar_label: "TextProps"
 * [minSize](textprops.md#optional-minsize)
 * [mouseTracking](textprops.md#optional-mousetracking)
 * [on](textprops.md#optional-on)
+* [openExternalLinks](textprops.md#optional-openexternallinks)
 * [pos](textprops.md#optional-pos)
 * [ref](textprops.md#optional-ref)
 * [scaledContents](textprops.md#optional-scaledcontents)
@@ -141,6 +142,12 @@ Prop to set the event listener map. See [Handlong Events](/docs/guides/handle-ev
 
 ___
 
+### `Optional` openExternalLinks
+
+• **openExternalLinks**? : *undefined | false | true*
+
+___
+
 ### `Optional` pos
 
 • **pos**? : *Position*

website/src/components/Try.js

@@ -52,7 +52,16 @@ export const Try = () => {
         <Center>
           <H2>Give it a try</H2>
           <Description>
-            <SubTitle>1. Run these commands</SubTitle>
+            <SubTitle>1. Use the CRA template</SubTitle>
+            <Terminal>
+              <Code>
+                create-react-app --template react-nodegui rn-starter
+              </Code>
+              <Code>cd rn-starter</Code>
+              <Code>npm run dev</Code>
+              <Code>npm start</Code>
+            </Terminal>
+            <SubTitle>2. Run these commands</SubTitle>
             <Terminal>
               <Code>
                 git clone https://github.com/nodegui/react-nodegui-starter
@@ -63,7 +72,7 @@ export const Try = () => {
               <Code>npm start</Code>
             </Terminal>
             <SubTitle>
-              2.{" "}
+              3.{" "}
               <a className="LinkBasics" href={"docs/guides/getting-started"}>
                 Learn the basics
               </a>{" "}