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 应用的桌面应用：在官方远程调试器的基础上内置了额外的开发者工具——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），这个调试器能用吗？暂时不行：这个应用目前只支持旧版远程调试器，所以使用 Hermes / JSI / 新架构的应用暂时不在支持范围内（相关支持在 discussion #774 中跟进）。
它只支持 macOS，还是也能在 Windows 和 Linux 上运行？它可以在 macOS、Windows 和 Linux 上运行——打包脚本覆盖了这三个平台；基于 Arch 的发行版还可以从 AUR 安装 react-native-debugger-bin。
这个应用内置了哪些开发者工具？除了调试器本身：还有用于检查组件树的 React Inspector（来自 react-devtools-core）、使用与 redux-devtools-extension 相同 API 的 Redux DevTools，以及面向 GraphQL 的 Apollo Client DevTools。
为什么用它而不用官方的远程调试器？它底层就是官方的远程调试器，但在此基础上集成了 React Inspector、Redux DevTools 和 Apollo DevTools——这样元素检查、Redux 调试和 GraphQL 工具都集中在一个窗口里，不用分别打开不同的工具。
我能用它查看网络请求吗？可以——网络检查通过应用内置的 Chrome 开发者工具完成；文档里还介绍了如何在控制台中启用“在编辑器中打开”的快捷方式。
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