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 *

関連記事

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 …

4 functions of scikit-learn preprocesses data such as machine learning

Abstract Hello every one this is candle. In this time we will prreprocess a data with scikit-learn which is machine learning library of python. We will use scikit-learn called With scikit-learn you can use what is called a converter, and you can convert the input data with fit_transform () method.Since there are many converters, I will introduce the following four converters that are often used in machine learning. Imputer StandardScaler MinMaxScaler OneHotEncorder Condition Python3 scikit-learn 0.19.1 For running sample code, you need numpy aside from these libs.

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 …

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 …

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 …


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.