Deploy website

Deploy website version based on e11b884cef291799122df1e433678ecc50d45bd3

docs/next/animations.html

@@ -286,7 +286,7 @@ Animated<span class="token punctuation">.</span><span class="token function">tim
   <span class="token punctuation">{</span>content<span class="token punctuation">}</span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Animated.ScrollView</span></span><span class="token punctuation">></span></span>
 </code></pre>
-<p>You can see the native driver in action by running the <a href="https://github.com/facebook/react-native/blob/master/RNTester/">RNTester app</a>, then loading the Native Animated Example. You can also take a look at the <a href="https://github.com/facebook/react-native/blob/master/RNTester/js/NativeAnimationsExample.js">source code</a> to learn how these examples were produced.</p>
+<p>You can see the native driver in action by running the <a href="https://github.com/facebook/react-native/blob/master/RNTester/">RNTester app</a>, then loading the Native Animated Example. You can also take a look at the <a href="https://github.com/facebook/react-native/blob/master/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js">source code</a> to learn how these examples were produced.</p>
 <h4><a class="anchor" aria-hidden="true" id="caveats"></a><a href="#caveats" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Caveats</h4>
 <p>Not everything you can do with <code>Animated</code> is currently supported by the native driver. The main limitation is that you can only animate non-layout properties: things like <code>transform</code> and <code>opacity</code> will work, but Flexbox and position properties will not. When using <code>Animated.event</code>, it will only work with direct events and not bubbling events. This means it does not work with <code>PanResponder</code> but does work with things like <code>ScrollView#onScroll</code>.</p>
 <p>When an animation is running, it can prevent <code>VirtualizedList</code> components from rendering more rows. If you need to run a long or looping animation while the user is scrolling through a list, you can use <code>isInteraction: false</code> in your animation's config to prevent this issue.</p>

docs/next/animations/index.html

@@ -286,7 +286,7 @@ Animated<span class="token punctuation">.</span><span class="token function">tim
   <span class="token punctuation">{</span>content<span class="token punctuation">}</span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span><span class="token class-name">Animated.ScrollView</span></span><span class="token punctuation">></span></span>
 </code></pre>
-<p>You can see the native driver in action by running the <a href="https://github.com/facebook/react-native/blob/master/RNTester/">RNTester app</a>, then loading the Native Animated Example. You can also take a look at the <a href="https://github.com/facebook/react-native/blob/master/RNTester/js/NativeAnimationsExample.js">source code</a> to learn how these examples were produced.</p>
+<p>You can see the native driver in action by running the <a href="https://github.com/facebook/react-native/blob/master/RNTester/">RNTester app</a>, then loading the Native Animated Example. You can also take a look at the <a href="https://github.com/facebook/react-native/blob/master/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js">source code</a> to learn how these examples were produced.</p>
 <h4><a class="anchor" aria-hidden="true" id="caveats"></a><a href="#caveats" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Caveats</h4>
 <p>Not everything you can do with <code>Animated</code> is currently supported by the native driver. The main limitation is that you can only animate non-layout properties: things like <code>transform</code> and <code>opacity</code> will work, but Flexbox and position properties will not. When using <code>Animated.event</code>, it will only work with direct events and not bubbling events. This means it does not work with <code>PanResponder</code> but does work with things like <code>ScrollView#onScroll</code>.</p>
 <p>When an animation is running, it can prevent <code>VirtualizedList</code> components from rendering more rows. If you need to run a long or looping animation while the user is scrolling through a list, you can use <code>isInteraction: false</code> in your animation's config to prevent this issue.</p>

docs/next/getting-started.html

@@ -364,7 +364,11 @@ npx react-native run-ios
 <blockquote>
 <p>If you use the Yarn package manager, you can use <code>yarn</code> instead of <code>npx</code> when running React Native commands inside an existing project.</p>
 </blockquote>
-<p>Run <code>npx react-native run-android</code> inside your React Native project folder:</p>
+<p>Run <code>npx react-native start</code> inside your React Native project folder:</p>
+<pre><code class="hljs css language-sh"><span class="hljs-built_in">cd</span> AwesomeProject
+npx react-native start
+</code></pre>
+<p>On another terminal, run <code>npx react-native run-android</code>:</p>
 <pre><code class="hljs css language-sh"><span class="hljs-built_in">cd</span> AwesomeProject
 npx react-native run-android
 </code></pre>

docs/next/getting-started/index.html

@@ -364,7 +364,11 @@ npx react-native run-ios
 <blockquote>
 <p>If you use the Yarn package manager, you can use <code>yarn</code> instead of <code>npx</code> when running React Native commands inside an existing project.</p>
 </blockquote>
-<p>Run <code>npx react-native run-android</code> inside your React Native project folder:</p>
+<p>Run <code>npx react-native start</code> inside your React Native project folder:</p>
+<pre><code class="hljs css language-sh"><span class="hljs-built_in">cd</span> AwesomeProject
+npx react-native start
+</code></pre>
+<p>On another terminal, run <code>npx react-native run-android</code>:</p>
 <pre><code class="hljs css language-sh"><span class="hljs-built_in">cd</span> AwesomeProject
 npx react-native run-android
 </code></pre>

docs/next/typescript.html

@@ -147,31 +147,31 @@ const Hello: React.FC<Props> = (props) => {
     const getExclamationMarks = (numChars: number) =&gt; <span class="hljs-keyword">Array</span>(numChars + <span class="hljs-number">1</span>).<span class="hljs-keyword">join</span>(<span class="hljs-string">'!'</span>);
     <span class="hljs-keyword">return</span> (
         &lt;<span class="hljs-keyword">View</span> style={styles.root}&gt;
-        &lt;<span class="hljs-type">Text</span> style={styles.greeting}&gt;
-            Hello{<span class="hljs-string">' '</span>}
-            {props.name + getExclamationMarks(enthusiasmLevel || <span class="hljs-number">0</span>)}
-        &lt;/<span class="hljs-type">Text</span>&gt;
+            &lt;<span class="hljs-type">Text</span> style={styles.greeting}&gt;
+                Hello{<span class="hljs-string">' '</span>}
+                {props.name + getExclamationMarks(enthusiasmLevel || <span class="hljs-number">0</span>)}
+            &lt;/<span class="hljs-type">Text</span>&gt;
 
-        &lt;<span class="hljs-keyword">View</span> style={styles.buttons}&gt;
-            &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
-            &lt;Button
-                title="-"
-                onPress={onDecrement}
-                accessibilityLabel="decrement"
-                color="red"
-            /&gt;
-            &lt;/<span class="hljs-keyword">View</span>&gt;
+            &lt;<span class="hljs-keyword">View</span> style={styles.buttons}&gt;
+                &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
+                &lt;Button
+                    title="-"
+                    onPress={onDecrement}
+                    accessibilityLabel="decrement"
+                    color="red"
+                /&gt;
+                &lt;/<span class="hljs-keyword">View</span>&gt;
 
-            &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
-            &lt;Button
-                title="+"
-                onPress={onIncrement}
-                accessibilityLabel="increment"
-                color="blue"
-            /&gt;
+                &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
+                &lt;Button
+                    title="+"
+                    onPress={onIncrement}
+                    accessibilityLabel="increment"
+                    color="blue"
+                /&gt;
+                &lt;/<span class="hljs-keyword">View</span>&gt;
             &lt;/<span class="hljs-keyword">View</span>&gt;
         &lt;/<span class="hljs-keyword">View</span>&gt;
-        &lt;/<span class="hljs-keyword">View</span>&gt;
     );
 }
 
@@ -182,7 +182,7 @@ const styles = StyleSheet.<span class="hljs-keyword">create</span>({
         alignSelf: <span class="hljs-string">'center'</span>,
     },
     buttons: {
-       flexDirection: <span class="hljs-string">'row'</span>,
+        flexDirection: <span class="hljs-string">'row'</span>,
         minHeight: <span class="hljs-number">70</span>,
         alignItems: <span class="hljs-string">'stretch'</span>,
         alignSelf: <span class="hljs-string">'center'</span>,

docs/next/typescript/index.html

@@ -147,31 +147,31 @@ const Hello: React.FC<Props> = (props) => {
     const getExclamationMarks = (numChars: number) =&gt; <span class="hljs-keyword">Array</span>(numChars + <span class="hljs-number">1</span>).<span class="hljs-keyword">join</span>(<span class="hljs-string">'!'</span>);
     <span class="hljs-keyword">return</span> (
         &lt;<span class="hljs-keyword">View</span> style={styles.root}&gt;
-        &lt;<span class="hljs-type">Text</span> style={styles.greeting}&gt;
-            Hello{<span class="hljs-string">' '</span>}
-            {props.name + getExclamationMarks(enthusiasmLevel || <span class="hljs-number">0</span>)}
-        &lt;/<span class="hljs-type">Text</span>&gt;
+            &lt;<span class="hljs-type">Text</span> style={styles.greeting}&gt;
+                Hello{<span class="hljs-string">' '</span>}
+                {props.name + getExclamationMarks(enthusiasmLevel || <span class="hljs-number">0</span>)}
+            &lt;/<span class="hljs-type">Text</span>&gt;
 
-        &lt;<span class="hljs-keyword">View</span> style={styles.buttons}&gt;
-            &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
-            &lt;Button
-                title="-"
-                onPress={onDecrement}
-                accessibilityLabel="decrement"
-                color="red"
-            /&gt;
-            &lt;/<span class="hljs-keyword">View</span>&gt;
+            &lt;<span class="hljs-keyword">View</span> style={styles.buttons}&gt;
+                &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
+                &lt;Button
+                    title="-"
+                    onPress={onDecrement}
+                    accessibilityLabel="decrement"
+                    color="red"
+                /&gt;
+                &lt;/<span class="hljs-keyword">View</span>&gt;
 
-            &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
-            &lt;Button
-                title="+"
-                onPress={onIncrement}
-                accessibilityLabel="increment"
-                color="blue"
-            /&gt;
+                &lt;<span class="hljs-keyword">View</span> style={styles.button}&gt;
+                &lt;Button
+                    title="+"
+                    onPress={onIncrement}
+                    accessibilityLabel="increment"
+                    color="blue"
+                /&gt;
+                &lt;/<span class="hljs-keyword">View</span>&gt;
             &lt;/<span class="hljs-keyword">View</span>&gt;
         &lt;/<span class="hljs-keyword">View</span>&gt;
-        &lt;/<span class="hljs-keyword">View</span>&gt;
     );
 }
 
@@ -182,7 +182,7 @@ const styles = StyleSheet.<span class="hljs-keyword">create</span>({
         alignSelf: <span class="hljs-string">'center'</span>,
     },
     buttons: {
-       flexDirection: <span class="hljs-string">'row'</span>,
+        flexDirection: <span class="hljs-string">'row'</span>,
         minHeight: <span class="hljs-number">70</span>,
         alignItems: <span class="hljs-string">'stretch'</span>,
         alignSelf: <span class="hljs-string">'center'</span>,