Narzędzia do debugowania aplikacji webowych

Dzień dobry,
z jakich narzędzi korzystacie do debbugowania kodu napisanego w React JS?
Dodam że używam Visual Code i nie wiem czy wystarczy zainstalować jedynie wtyczkę React Developer dla przeglądarki chrome, czy jednak istnieją bardziej zaawansowane darmowe narzędzia?

Pozdrawiam,
Łukasz

Korzystałem z tych react developer tools, ale toporne i mało przydatne imo.

Normalne dev toolsy wystarczają, jak jest bardzo spieprzony kod to jakieśtam breakpointy wstawiam, i oglądam sekcje po prawej stronie w sekcji Sources, czasem dodaję Watch.

Jak kod jest czysty to zazwyczaj 1, 2 czy 3 console.log wyjaśniają temat, jeżeli nie, to w czystym kodzie zawsze jest dostatecznie wyizolowana logika, żeby złapać gdzie zaczyna dziać się zło, wtedy piszę/dodaję unit testy, widzę w jakich przypadkach się źle zachowuje, i na ogół już z kodu idzie wyczytać co jest źle, a jak nie to parę dodatkowych console.logów, bo dev toolsów do procesu node z testami mi się nie chce dopinać, bo już nawet nie pamiętam jak :)

Nie szukam magicznych narzędzi, bo nie wydają mi się one potrzebne, nawet nie wiem czy coś ekstra istnieje.

Pogooglowałem i najlepsze co znalazłem to to:
https://medium.com/react-courses/six-best-debugging-options-to-crush-your-reacts-bugs-like-a-champion-70b11b6a1a2d

I w sumie nie ma tam nic specjalnego również.
Dev toolsy, Dev toolsy, Dev toolsy, Dev toolsy ale pod node.js, poza tym unit testy, React Dev toolsy i podobne, specyficzne dla menedżera stanu (Redux i spółka), a na koniec trochę WTF, bo proxy i Wireshark - nie wyobrażam sobie sytuacji w której byłoby mi to potrzebne, nawet uwzględniając słabości zakładki Network z Dev Toolsów.

Czyli podsumowując:
Dev toolsy, wykorzystane w sposób pasujący do skali problemu.

Jeżeli masz jakiś przykład to możemy pogadać o tym w jaki sposób taki przykład można by rozgryźć używając tego, co jest dostępne. Bo chyba szukasz czegoś ekstra, czego nie ma :)