search

allen-hsu / wdyr-flipper

It's a flipper plugin for wdyr
3 stars 0 forks source link

install help #1

Open ChrisWiles opened 9 months ago

ChrisWiles commented 9 months ago

yarn pack will create a flipper-plugin-why-did-you-render-0.0.1.tgz file in the root folder.

Run this from root of project? it does not create that .tgz file for me creates a different file based on my app name

mendozammatias commented 9 months ago

Hey @ChrisWiles , this would be the steps to install the Flipper plugin.

  1. Clone this repo wherever you prefer with git clone https://github.com/allen-hsu/wdyr-flipper.git
  2. Navigate inside the flipper plugin folder with cd flipper-plugin-why-did-you-render
  3. Install dependencies with npm install
  4. Create the package with npm pack. This will generate a file named flipper-plugin-why-did-you-render-0.0.1.tgz inside this folder.
  5. Inside Flipper go to More --> Install Plugins
  6. On the bottom of the modal, you will see "Select a Flipper package", click there and select the generated tgz file.
  7. Reload Flipper and you will see the plugin installed.
jkoutavas commented 6 months ago

Hey @ChrisWiles , this would be the steps to install the Flipper plugin.

  1. Clone this repo wherever you prefer with git clone https://github.com/allen-hsu/wdyr-flipper.git
  2. Navigate inside the flipper plugin folder with cd flipper-plugin-why-did-you-render
  3. Install dependencies with npm install
  4. Create the package with npm pack. This will generate a file named flipper-plugin-why-did-you-render-0.0.1.tgz inside this folder.
  5. Inside Flipper go to More --> Install Plugins
  6. On the bottom of the modal, you will see "Select a Flipper package", click there and select the generated tgz file.
  7. Reload Flipper and you will see the plugin installed.

I did all these steps, and was able to get the plugin to install, however....

I'm getting this for iOS simulator and for Android actual device (Pixel 7a):

image

Using React Native v0.72.10