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 *

関連記事

Remove or allow the html tag with javascript + React and take measures against XSS

Abstract Hello everyone it’s me candle. In this time, we will write a program which displays only the permitted html tags by React and delete other tags. Notice, displaying originally html contents, it may has a security risk such as XSS. First of all, I am not a security expert, so there is a possibility of a bug in the code. Of course, I check it and test it as long as I do. If you find any vulnerabilities in the code, it would be helpful if you point out it in the post comment form. Condition Nothing Preparation of …

React Project development environment building command create-react-app is too convenient

English 日本語 Abstract Hello everyone It’s me candle. In this time we will build a “react” development environment with create-react-app command and try to hello world. Past react development was created by installing babel and other packages from npm on your own using gulp or webpack. Past react development installed babel and other packages from npm and built servers with gulp and webpack. If you use the create-react-app command, you can create react environment easily. Let’s do it. Precondition Node is already installed

Tutorial to create a modal using react-modal

Abstract Hello everyone it’s me candle. In this time, let’s create a modal with react-modal. React-modal is a library which can create and handle a modal easily. But However, react-modal is not easy if you try to actually use it. it is necessary to incorporate state management, action, design etc. In this article, I will explain it like a tutorial and we will make a modal together. Condition You have a react knowledge. You installed create-react-app. Set up development env If you already have a some react project, you would use it. Otherwise, you don’t have a any project, please …

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 …

Create the simplest drop down menu in React

Abstract Hello everyone it’s me candle. In this time we will make a most simple drop down menu. Condition Knowledge of react Preparation We create a react project with the below command. create-react-app hello-menu Open src/App.js and write this. import React, { Component } from 'react' class App extends Component { render() { return ( <div> <p>hello menu</p> </div> ) } } export default App Create a components directory in the src directory. mkdir src/components Create a DropDownMenu.js file in the src/components directory. touch src/components/DropDownMenu.js Now on ready. Create a Drop down menu Open the src/components/DropDownMenu.js and write these. import …


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.