joppot

コピペで絶対動く。説明を妥協しない

プログラミング

React Native slows down when debugging on Google Chrome

投稿日:


debugthumb

Abstract

Hello everybody, It’s candle.

This time, we will solve the problem that using simulator is going to slow down when debugging on the Google Chrome

Anyway, It is solved in a simple way. we use Chromium instead of Google Chrome.

Premise

React development environment has been established


Install Chromium

So you will install Chromium immediately.
You can also download from the website, but using brew is useful.

brew cask install chromium

caskisntallchromium

Chromium was installed

Try debugging

Start with the react-native project at first.

react-native run-ios

After starting up, press cmd + d on the simulator.
A menu is displayed, You choose “Debug JS Remotely”

enabledebugjsremote

Google Chrome will launch.

googlechromedebugwihndow

Unfortunately, I don’t know how to make Chromium the default browser,
first, start up with Google Chrome and copy the URL to Chromium.

You copy the URL and stat up Chromium.
Paste the copied URL and move.

chromeiumdebugwindow

“Status: Another debugger is already connected” appears.
This warning is displayed because it is connected to google chrome.

So you quit Google Chrome

An error will occur on the simulator side, but you would reload it with cmd + R, it will move normally to Chromium side.

simulatordebugerror

Chromium connected to the simulator successfully

chromiumconnectsuccess

Reusult

In my case, m simulator move fast.

スポンサードリンク

If you think this article is good, share it please

-プログラミング
-

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

Using sphinx how to generate documents of python classes and functions

Abstruct Hello everyone it’s me candle. In this article I will explain how to make documents about classes and functions with Sphinx automatically. condition I will explain it using Python 3, but I think that it will probably work with python 2 as well. Prepare test files Create a main.py and dog.py. touch main.py dog.py Write this to the main.py from dog import Dog def main(): dog = Dog() dog.show_name() if __name__ == "__main__": main() Open the dog.py and write it. class Dog(object): def __init__(self, name="bob"): self.name = name def bark(): print("Bow Wow") def show_name(self): print(self.name) def get_name(self): return self.name …

React creates dummy data using Faker.js

Abstract Hello everyone it’s me candle. Let’s try to use Faker.js in React. I think that there are various purposes for using Faker.js. In many cases you will use it for testing, but this time I’d like to create a dummy react state using Faker.js. Condition You have a basic react skill create-react-app was installed Create new project First of all, create a react project. Execute the below command in your favorite directory and create a new react project. create-react-app faker-demo cd faker-demo Installation of faker Install faker with this coommand. yarn add –dev faker it’s over. Generate dummy data …

I created docker shortcut command with bash alias

Abstract Hello everyone it’s me candle. I will introduce easy operation of the docker command. Of course, I just created it thinking that it was useful, so please change it for much more useful. Precondition You use bash. ( Even though you use zsh or csh or something else, you edit a bit, it will work well) You use docker

Lazy load image with react-lazyload

Abstract Hello everyoen it’s me candle. This time let’s make a delayed loading of images with react-lazyload. The problem of SPA is the delay at the time of initial loading. Among them, we feel that the site with many images is even late. Let’s try it. Condition Nothing Prepare If you have already developing react project, use it. But you don’t have yet or try to test. Generate it with this command. create-react-app imageloader-sample cd imageloader-sample We will prepare images for samples with Faker.js, so install it. yarn add faker Ready to develop. Make a sample code Open the src/App.js …

Customize wordpress bogo plugin’s short code

English 日本語 Abstract Hello everyone, It’s me candle. In this time, I will show you how to customize wordpress bogo short code. The items to introduce are these. The flag display or hide Change the text Related article How to change the language form “en-US” to “en” by wordpres bogo Precondition WordPress bogo has been installed You can edit the theme of wordpress


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.