break out advanced guides

Author: chaance

docs/advanced-guides/README.md

@@ -5,38 +5,98 @@ build a certain capability or feature of your app with React Router.
 
 ## Building the User Interface
 
-- [Using Layouts](#TODO)
-- ["Not Found" Routes (404)](#TODO)
-- [Using Route Config Objects](#TODO)
+- [Using Layouts](#layouts)
+- ["Not Found" Routes (404)](#not-found)
+- [Using Route Config Objects](#route-configs)
+
+<a name="layouts"></a>
+
+### Using Layouts
+
+TODO
+
+<a name="not-found"></a>
+
+### "Not Found" Routes (404)
+
+TODO 
+
+<a name="route-configs"></a>
+
+### Using Route Config Objects
+
+TODO
 
 ## Common User Flows
 
-- [Login and Authentication](#TODO)
-- [Forms and Prompts](#TODO)
-- [Transitions and Animation](#TODO)
-- [Passing Data Between Routes Using `location.state`](#TODO)
-- [Persisting Data Using `location.key`](#TODO)
-- [Managing Scroll Position](#TODO)
-- [Modals](#TODO)
+- [Login and Authentication](#login-and-auth)
+- [Forms and Prompts](#forms-and-prompts)
+- [Transitions and Animation](#animation)
+- [Passing Data Between Routes Using `location.state`](#passing-data-with-state)
+- [Persisting Data Using `location.key`](#persisting-data-with-key)
+- [Managing Scroll Position](#scroll-position)
+- [Modals](#modals)
+
+<a name="login-and-auth"></a>
+
+### Login and Authentication
+
+TODO
+
+<a name="forms-and-prompts"></a>
+
+### Forms and Prompts
+
+TODO
+
+<a name="animation"></a>
+
+### Transitions and Animation
+
+TODO
+
+<a name="passing-data-with-state"></a>
+
+### Passing Data Between Routes Using `location.state`
+
+TODO
+
+<a name="persisting-data-with-key"></a>
+
+### Persisting Data Using `location.key`
+
+TODO
+
+<a name="scroll-position"></a>
+
+### Managing Scroll Position
+
+TODO
+
+<a name="modals"></a>
+
+### Modals
+
+TODO
 
 ## Useful Techniques
 
 - [Working with the Search/Query String](working-with-the-search-string.md)
-- [Custom Links](#TODO)
-- [Recursive Paths](#TODO)
-- [Code Splitting](#TODO)
+- [Custom Links](custom-links.md)
+- [Recursive Paths](recursive-paths.md)
+- [Code Splitting](code-splitting.md)
 
 ## Server Rendering
 
-- [Creating Routes from Files](#TODO)
-- [Using `StaticRouter` Directly](#TODO)
+- [Creating Routes from Files](server-rendering/creating-routes-from-files.md)
+- [Using `StaticRouter` Directly](server-rendering/using-staticrouter-directly.md)
 
 ## Testing
 
-- [Using Jest with React Test Renderer](#TODO)
-- [Using Jest with React Testing Library](#TODO)
-- [Using Mocha](#TODO)
-- [Using Cypress](#TODO)
+- [Using Jest with React Test Renderer](testing/testing-with-react-test-renderer.md)
+- [Using Jest with React Testing Library](testing/testing-with-react-testing-library.md)
+- [Using Mocha](testing/testing-with-mocha.md)
+- [Using Cypress](testing/testing-with-cypress.md)
 
 This list is by no means exhaustive, so if you think something is missing,
 please [let us know](#TODO)!

docs/advanced-guides/code-splitting.md

@@ -0,0 +1,3 @@
+# Code Splitting
+
+TODO

docs/advanced-guides/custom-links.md

@@ -0,0 +1,3 @@
+# Custom Links
+
+TODO

docs/advanced-guides/recursive-paths.md

@@ -0,0 +1,3 @@
+# Recursive Paths
+
+TODO

docs/advanced-guides/server-rendering/creating-routes-from-files.md

@@ -0,0 +1,3 @@
+# Creating Routes from Files
+
+TODO

docs/advanced-guides/server-rendering/using-staticrouter-directly.md

@@ -0,0 +1,3 @@
+# Using `StaticRouter` Directly
+
+TODO

docs/advanced-guides/testing/testing-with-cypress.md

@@ -0,0 +1,13 @@
+# Testing With Cypress
+
+## Getting Setup
+
+TODO
+
+## Testing Routes
+
+TODO
+
+## Testing Links and Navigation
+
+TODO

docs/api-reference.md

@@ -329,7 +329,20 @@ interface LinkProps extends TouchableHighlightProps {
 
 A `<Link>` is an element that lets the user navigate to another view by tapping it, similar to how `<a>` elements work in a web app. In `react-router-native`, a `<Link>` renders a `TouchableHighlight`.
 
-TODO: example
+```tsx
+import React from "react";
+import { View, Text } from "react-native";
+import { Link } from "react-router-native";
+
+function Home() {
+  return (
+    <View>
+      <Text>Welcome!</Text>
+      <Link to="/profile">Visit your profile</Link>
+    </View>
+  );
+}
+```
 
 <a name="navlink"></a>
 
@@ -421,7 +434,9 @@ const NavLink = React.forwardRef(
 If the `end` prop is used, it will ensure this component isn't matched as "active" when its descendant paths are matched:
 
 ```tsx
-<NavLink to="/" end>Home</NavLink>
+<NavLink to="/" end>
+  Home
+</NavLink>
 ```
 
 <a name="navigate"></a>