-
Book Overview & Buying
-
Table Of Contents
Full-Stack React, TypeScript, and Node - Second Edition
By :
The Chrome browser provides built-in developer tools, known as Chrome DevTools, for web development and debugging. These include the ability to inspect all the HTML and CSS of a page, view console log messages, set breakpoints on running code, and monitor network calls made by the browser. Beyond these core features, DevTools also offers a Performance panel for profiling runtime bottlenecks like slow renders and layout thrashing, a Lighthouse tab for automated audits covering performance, accessibility, and SEO best practices, a Device Mode for simulating mobile viewports and touch interactions, an Application panel for inspecting cookies, local storage, and service workers, and memory profiling tools to track down leaks. Even without any plugins, it is quite extensive. For many frontend developers, Chrome DevTools is the primary tool for troubleshooting issues in their applications.
In this section, we'll focus on the tabs most relevant to day-to-day React development...
Change the font size
Change margin width
Change background colour