[FrontEnd]Reactotron 정의 및 설치

What is Reactotron?

A macOS, Windows, and Linux app for inspecting your React JS and React Native apps.

Use it to:

• view your application state
• show API requests & responses
• perform quick performance benchmarks
• subscribe to parts of your application state
• display messages similar to console.log
• track global errors with source-mapped stack traces including saga stack traces!
• dispatch actions like a government-run mind control experiment
• hot swap your app's state using Redux or mobx-state-tree
• track your sagas
• show image overlay in React Native
• track your Async Storage in React Native

뭐 요약하면 액션이 발생시에 콘솔로그처럼 사용할 수 있고, 코드를 추가하지 않고 리액토트론을 통해서 액션을 임의로 발생시킬수 있다.

개발자 환경이기 때문에 개발중에만 볼수 있고 ㅇㅇ

 

이렇게 리액토트론을 통해서 BULLSHIT이라는 액션을 보냈고

로그창에서 확인 할 수 있다.

설치방법은

https://github.com/infinitered/reactotron/blob/master/docs/quick-start-react-js.md

https://github.com/infinitered/reactotron/blob/master/docs/plugin-redux.md

을 통해

import Reactotron from 'reactotron-react-js'

import {reactotronRedux} from 'reactotron-redux'

를 설치하자

여기서 yarn설치시에 에러가 자주 발생하므로

npm으로 설치권장하는 부분