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 *

関連記事

How to fix the background scroll of react-modal

Abstract Hello everyone it’s me candle. This time I will solve the react-modal background moving problem when you scroll. Condition You use react Completed sample code If you want to run the sample code actually, you would need to install two libraries before. faker is installed for dummy data generation. yarn add faker react-modal First, I will write the sample code of the completed version. This is described in src/App.js. import React, { Component } from 'react' import Faker from 'faker' import Modal from 'react-modal' Modal.setAppElement('#root') class App extends Component { constructor(props) { super(props) this.state = { users: [], user: …

Hiragino Sans How to write to change weight in css

Abstract Hello everyone it’s me candle. In this time I will show you how to write css of Hiragino Sans.The feature of Hiragino Sans is to be able to change the weight of font from 1 to 9 levels. On the other hand, there are various ways of writing css of Hiragino Sans and I did not know exactly how to write it, so I wrote a program and test it. It will help you who will use Hiragino Sans. The quick reference is released here. http://hiragino.joppot.info Condition Nothing SPONSORED LINK How to write css of Hiragino Sans From the …

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

Deploy React to s3 with aws command

Abstract Hello veryone it’s me candle. In this time I will show you how to deploy a react project created by create-react-app to S3. A good thing about React web app is that you can publish the products created by building them as long as you upload them such as html and js files and images to storage. In this article I don’t write these three items. How to get a IAM that can access to S3 Allocate your own domain using Route53 SSL connection of React web app Condition You have aws command Please install the aws command in …

Ruby regex that does not match if there are keywords that you don’t want included in the string

Abstract Hello everyone it’s me candle. In this time I would like to create a regular expression that does not pass if keywords that I do not want included in the string match. This is such case like this. For example, the regex matches these words “Bitcoin” and “Bitcoin ~” but doesn’t match “BitcoinCash” and “Bitcoin Cash”. ○ Bitcoin ○ Bitcoin Core × BitcoinCash × Bitcoin Cash Condition Nothing Write the regex This is a regex that does not match if there are keywords that you do not want included in the string. /Keyword to include(?!Keywords you do not want …


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.