From 56ea2fc782afe31a001c72084db41a225188f66c Mon Sep 17 00:00:00 2001 From: Kevin Strider Date: Tue, 10 May 2022 06:11:30 -0700 Subject: [PATCH] react-native-ios.mdx (SetUp - Manual iOS Setup) Summary: Restyle of the page, including changes to spelling, grammar, links, and structure (where relevant). Reviewed By: lblasa Differential Revision: D36276846 fbshipit-source-id: ae933df0270fff6ffba9e011003174a2111e0fae --- docs/getting-started/react-native-ios.mdx | 25 ++++++++++++----------- 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/docs/getting-started/react-native-ios.mdx b/docs/getting-started/react-native-ios.mdx index 798ae1c24..948e03465 100644 --- a/docs/getting-started/react-native-ios.mdx +++ b/docs/getting-started/react-native-ios.mdx @@ -1,6 +1,6 @@ --- id: react-native-ios -title: Manually set up your React Native iOS App +title: React Native - Manual iOS Setup sidebar_label: Manual iOS Setup --- import useBaseUrl from '@docusaurus/useBaseUrl'; @@ -8,9 +8,10 @@ import Link from '@docusaurus/Link'; import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -These instructions are aimed at people manually adding Flipper to a React Native 0.62+ app. -This should only be necessary if you have an existing app that cannot be upgraded with the +:::note +These details within this page are for people manually adding Flipper to a React Native 0.62+ app. This should only be necessary if you have an existing app that cannot be upgraded with the [React Native Upgrade tool](https://reactnative.dev/docs/upgrading). +::: ## Dependencies @@ -39,11 +40,12 @@ target 'your-app-name' do end ``` -Install the dependencies by running `cd ios && pod install`. Then continue to [Initialization](#initialization). +Install the dependencies by running `cd ios && pod install` then continue to [Initialization](#initialization). ### React Native 0.62 -In 0.62, the setup includes a bit more code (which was moved to a helper in 0.63). Add all of the code below to your `ios/Podfile`: +In version 0.62, the setup includes a bit more code (which was moved to a helper in 0.63). +Add all of the code below to your `ios/Podfile`: ```ruby platform :ios, '9.0' @@ -92,17 +94,16 @@ target 'your-app-name' do end ``` -Install the dependencies by running `cd ios && pod install`. You can now -import and initialize Flipper in your AppDelegate. +Install the dependencies by running `cd ios && pod install`. You can now import and initialize Flipper in your AppDelegate. ## Initialization The code below enables the following integrations: -- Layout Inspector -- Network -- Shared Preferences -- Crash Reporter +* Layout Inspector +* Network +* Shared Preferences +* Crash Reporter @@ -198,4 +199,4 @@ See the troubleshooting pagewriting plugins for React Native tutorial! +To create your own plugins and integrate with Flipper using JavaScript, check out our Building a React Native Plugin tutorial!