RSC Devtools
Item media 1 screenshot

Overview

React Server Components network visualizer

This is a tool that lets you record streaming data from React Server Components to then visualize and explore it. You can see how your components and data are loading and in what order and it lets you travel back in time by dragging the timeline slider.

4.9 out of 59 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Akachukwu AjulibeApr 8, 2024

Great work!!!

Review's profile picture

Wes BosDec 20, 2023

Nice work on this! Def needs a bit more polish and density on the UI, but an extremely handy tool for learning + understanding RSC

2 out of 2 found this helpful
Review's profile picture

Sébastien LorberAug 23, 2023

Nice work! DX could be improved but for a first extension version it looks very promising!

2 out of 2 found this helpful

Details

  • Version
    0.3.1
  • Updated
    May 10, 2024
  • Offered by
    Alvar Lagerlöf
  • Size
    194KiB
  • Languages
    English
  • Developer
    Email
    hello@alvar.dev
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

Web Vitals

4.1(40)

Measure metrics for a healthy site

Preact Developer Tools

5.0(9)

Adds debugging tools for Preact to Chrome

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

GraphQL Network Inspector

4.9(104)

Simple and clean network inspector for GraphQL

VisBug

4.8(233)

Open source browser design tools

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order

4.5(2)

Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

CSS Stacking Context inspector

3.9(19)

Helps inspecting the css stacking contexts and solving the z-index war.

Testing Playground

4.5(52)

Simple and complete DOM testing playground that encourage good testing practices.

OctoLinker

4.9(110)

OctoLinker – Links together, what belongs together.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

Web Vitals

4.1(40)

Measure metrics for a healthy site

Preact Developer Tools

5.0(9)

Adds debugging tools for Preact to Chrome

Motion DevTools

4.4(7)

Inspect, edit and export animations made with CSS and Motion One.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

GraphQL Network Inspector

4.9(104)

Simple and clean network inspector for GraphQL

VisBug

4.8(233)

Open source browser design tools

Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order

4.5(2)

Visualize the optimal ordering of ﹤𝚑𝚎𝚊𝚍﹥ elements on any web page

Google apps