react-native-debugger README

The project's README from github.com/jhen0409/react-native-debugger. As one markdown file: README.md.

React Native Debugger

Backers on Open Collective Sponsors on Open Collective CI Status

⚠️ This app is currently only supported old Remote Debugger, if you're looking for new debugger support (e.g. Hermes / JSI / New Architecture) of React Native Debugger, please follow discussion#774.

React Native Debugger

Run the redux example of react-navigation with Redux DevTools setup

This is a standalone app for debugging React Native apps:

Installation

To install the app, you can download a prebuilt binary from the release page.

For macOS, you can use Homebrew Cask to install:

< Homebrew 2.6.0

brew update && brew install --cask react-native-debugger

>= Homebrew 2.6.0

brew install --cask react-native-debugger

This puts React Native Debugger.app in your /applications/ folder.

NOTICE: React Native Compatibility

To use this app you need to ensure you are using the correct version of React Native Debugger and react-native:

React Native Debugger react-native
>= 0.11 >= 0.62
<= 0.10 <= 0.61

We used different auto-update feed for v0.10 and v0.11, so you won't see update tips of v0.11 from v0.10.

Install last release of v0.10 (0.10.7)

< Homebrew 2.6.0

brew update && brew cask install https://raw.githubusercontent.com/Homebrew/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb

>= Homebrew 2.6.0

brew install --cask https://raw.githubusercontent.com/Homebrew/homebrew-cask/b6ac3795c1df9f97242481c0817b1165e3e6306a/Casks/react-native-debugger.rb

Arch-based distributions

You can install react-native-debugger-bin from Arch User Repository:

git clone https://aur.archlinux.org/react-native-debugger-bin.git
cd react-native-debugger-bin
makepkg -si

# or using AUR helper
paru -S react-native-debugger-bin

Build from source

Please read Development section in docs/contributing.md for how to build the app from source.

Documentation

Documentation (v0.10)

Please visit v0.10 branch.

Credits

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

LICENSE

MIT

react-native-debugger (jhen0409/react-native-debugger)

Searching Database…

10.4K ·GitHub
React-native-debugger
Что это такое?Десктопное приложение для отладки React Native-приложений: официальный Remote Debugger со встроенными дополнительными инструментами разработчика — React Inspector, Redux DevTools и Apollo Client DevTools.
Это десктопное приложение, которое я запускаю, или библиотека, которую я добавляю в свой React Native-проект?Это самостоятельное десктопное приложение (построено на Electron), а не библиотека: вы устанавливаете его на свой компьютер, и ваше React Native-приложение подключается к нему как к удалённому отладчику во время разработки.
С какими версиями React Native оно работает?Версии должны совпадать: React Native Debugger 0.11 и новее требует react-native 0.62 или выше — перед установкой сверьтесь с таблицей совместимости в README.
Моё приложение использует Hermes или New Architecture — этот отладчик подойдёт?Пока нет: приложение сейчас поддерживает только старый Remote Debugger, поэтому приложения на Hermes / JSI / New Architecture пока не поддерживаются (поддержка обсуждается в discussion #774).
Только для macOS, или работает ещё и на Windows и Linux?Работает на macOS, Windows и Linux — скрипты сборки охватывают все три системы; для дистрибутивов на базе Arch также есть react-native-debugger-bin в AUR.
Какие инструменты разработчика встроены в приложение?Помимо самого отладчика: React Inspector (на основе react-devtools-core) для инспекции дерева компонентов, Redux DevTools с тем же API, что у redux-devtools-extension, и Apollo Client DevTools для GraphQL.
Почему стоит использовать его вместо официального Remote Debugger?Под капотом это тот же официальный Remote Debugger, но поверх в него встроены React Inspector, Redux DevTools и Apollo DevTools — так инспекция элементов, отладка Redux и инструменты для GraphQL находятся в одном окне, а не в отдельных программах.
Можно ли с его помощью смотреть сетевые запросы?Да — инспекция сети работает через встроенные в приложение Chrome Developer Tools; в документации также описано, как включить горячую клавишу «открыть в редакторе» из консоли.
What are similar projects?devhub, reactotron, responsively-app, reactide, Lepton, ivideo, mobilecode, medis
Which topics is it in?debugger, redux, graphql, react-native, mobile-development, electron, react, free, desktop-app, javascript, cross-platform, developer-tools
Creator
jhen0409
Size
8.3 MB
Stars
10.4K
Updated
CommitJul 31Releasev0.14.0Jul 31
Age
10y
Commits · 90 Days