From ad8ec0f4fddef9d35825e8149ed87d1b2529e867 Mon Sep 17 00:00:00 2001 From: MartinBraquet Date: Tue, 14 Oct 2025 11:27:39 +0200 Subject: [PATCH] Add browser dev info --- README.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5926b1e6..d3488866 100644 --- a/README.md +++ b/README.md @@ -152,7 +152,13 @@ Note: it's normal if page loading locally is much slower than the deployed versi Now you can start contributing by making changes and submitting pull requests! -We recommend using a good code editor (VSCode, WebStorm, Cursor, etc.) with Typescript support and a good AI assistant (GitHub Copilot, etc.) to make your life easier. +We recommend using a good code editor (VSCode, WebStorm, Cursor, etc.) with Typescript support and a good AI assistant (GitHub Copilot, etc.) to make your life easier. To debug, you can use the browser developer tools (F12), specifically: +- Components tab to see the React component tree and props (you need to install the [React Developer Tools](https://react.dev/learn/react-developer-tools) extension) +- Console tab for errors and logs +- Network tab to see the requests and responses +- Storage tab to see cookies and local storage + +You can also add `console.log()` statements in the code. If you are new to Typescript or the open-source space, you could start with small changes, such as tweaking some web components or improving wording in some pages. You can find those files in `web/public/md/`.