You need to enable JavaScript to run this app.
note
Try it out! • Drag background to pan the canvas • Drag panes around by their header bar • Hold down ⌘ and drag a symbol to open a new pane • ⌘-click or ⌘-F12 will open the symbol to the right • Panes open with only the symbol contents visible. You can click in the top bar to expand/shrink the visible area • Closing a pane will close all children panes recursively • Right click on canvas to create a note like this one • Use the snapshot button in the sidebar to share your canvas This is powered by TypeScript's language server. React is a Flow project so there are some issues but for the most part, it works pretty well!
filelist
Try dragging a filename. Clicking works too! but dragging is cooler.
react-reconciler/index.js
react-reconciler/npm/index.js
react-reconciler/npm/reflection.js
react-reconciler/reflection.js
react-reconciler/src/DebugTracing.js
react-reconciler/src/MaxInts.js
react-reconciler/src/ReactCapturedValue.js
react-reconciler/src/ReactChildFiber.new.js
react-reconciler/src/ReactChildFiber.old.js
react-reconciler/src/ReactCurrentFiber.js
react-reconciler/src/ReactFiber.new.js
react-reconciler/src/ReactFiber.old.js
react-reconciler/src/ReactFiberClassComponent.new.js
react-reconciler/src/ReactFiberClassComponent.old.js
react-reconciler/src/ReactFiberCommitWork.new.js
react-reconciler/src/ReactFiberCommitWork.old.js
react-reconciler/src/ReactFiberCompleteWork.new.js
react-reconciler/src/ReactFiberCompleteWork.old.js
react-reconciler/src/ReactFiberComponentStack.js
react-reconciler/src/ReactFiberContext.new.js
react-reconciler/src/ReactFiberContext.old.js
react-reconciler/src/ReactFiberDevToolsHook.new.js
react-reconciler/src/ReactFiberDevToolsHook.old.js
react-reconciler/src/ReactFiberErrorDialog.js
react-reconciler/src/ReactFiberErrorLogger.js
react-reconciler/src/ReactFiberFlags.js
react-reconciler/src/ReactFiberFundamental.new.js
react-reconciler/src/ReactFiberFundamental.old.js
react-reconciler/src/ReactFiberHooks.new.js
react-reconciler/src/ReactFiberHooks.old.js
react-reconciler/src/ReactFiberHostConfig.js
react-reconciler/src/ReactFiberHostConfigWithNoHydration.js
react-reconciler/src/ReactFiberHostConfigWithNoMutation.js
react-reconciler/src/ReactFiberHostConfigWithNoPersistence.js
react-reconciler/src/ReactFiberHostConfigWithNoScopes.js
react-reconciler/src/ReactFiberHostConfigWithNoTestSelectors.js
react-reconciler/src/ReactFiberHostContext.new.js
react-reconciler/src/ReactFiberHostContext.old.js
react-reconciler/src/ReactFiberHotReloading.js
react-reconciler/src/ReactFiberHotReloading.new.js
react-reconciler/src/ReactFiberHotReloading.old.js
react-reconciler/src/ReactFiberHydrationContext.new.js
react-reconciler/src/ReactFiberHydrationContext.old.js
react-reconciler/src/ReactFiberLane.js
react-reconciler/src/ReactFiberLazyComponent.new.js
react-reconciler/src/ReactFiberLazyComponent.old.js
react-reconciler/src/ReactFiberNewContext.new.js
react-reconciler/src/ReactFiberNewContext.old.js
react-reconciler/src/ReactFiberOffscreenComponent.js
react-reconciler/src/ReactFiberReconciler.js
react-reconciler/src/ReactFiberReconciler.new.js
react-reconciler/src/ReactFiberReconciler.old.js
react-reconciler/src/ReactFiberRoot.new.js
react-reconciler/src/ReactFiberRoot.old.js
react-reconciler/src/ReactFiberScope.new.js
react-reconciler/src/ReactFiberScope.old.js
react-reconciler/src/ReactFiberStack.new.js
react-reconciler/src/ReactFiberStack.old.js
react-reconciler/src/ReactFiberSuspenseComponent.new.js
react-reconciler/src/ReactFiberSuspenseComponent.old.js
react-reconciler/src/ReactFiberSuspenseContext.new.js
react-reconciler/src/ReactFiberSuspenseContext.old.js
react-reconciler/src/ReactFiberThrow.new.js
react-reconciler/src/ReactFiberThrow.old.js
react-reconciler/src/ReactFiberTransition.js
react-reconciler/src/ReactFiberTreeReflection.js
react-reconciler/src/ReactFiberUnwindWork.new.js
react-reconciler/src/ReactFiberUnwindWork.old.js
react-reconciler/src/ReactHookEffectTags.js
react-reconciler/src/ReactInternalTypes.js
react-reconciler/src/ReactMutableSource.new.js
react-reconciler/src/ReactMutableSource.old.js
react-reconciler/src/ReactPortal.js
react-reconciler/src/ReactProfilerTimer.new.js
react-reconciler/src/ReactProfilerTimer.old.js
react-reconciler/src/ReactRootTags.js
react-reconciler/src/ReactStrictModeWarnings.new.js
react-reconciler/src/ReactStrictModeWarnings.old.js
react-reconciler/src/ReactTestSelectors.js
react-reconciler/src/ReactTypeOfMode.js
react-reconciler/src/ReactUpdateQueue.new.js
react-reconciler/src/ReactUpdateQueue.old.js
react-reconciler/src/ReactWorkTags.js
react-reconciler/src/SchedulerWithReactIntegration.new.js
react-reconciler/src/SchedulerWithReactIntegration.old.js
react-reconciler/src/SchedulingProfiler.js
react-reconciler/src/forks/ReactFiberErrorDialog.native.js
react-reconciler/src/forks/ReactFiberErrorDialog.www.js
react-reconciler/src/forks/ReactFiberHostConfig.art.js
react-reconciler/src/forks/ReactFiberHostConfig.custom.js
react-reconciler/src/forks/ReactFiberHostConfig.dom-browser.js
react-reconciler/src/forks/ReactFiberHostConfig.dom-relay.js
react-reconciler/src/forks/ReactFiberHostConfig.dom.js
react-reconciler/src/forks/ReactFiberHostConfig.fabric.js
react-reconciler/src/forks/ReactFiberHostConfig.native.js
react-reconciler/src/forks/ReactFiberHostConfig.test.js
shared/ConsolePatchingDev.js
shared/ExecutionEnvironment.js
shared/ReactComponentStackFrame.js
shared/ReactElementType.js
shared/ReactErrorUtils.js
shared/ReactFeatureFlags.js
shared/ReactInstanceMap.js
shared/ReactSharedInternals.js
shared/ReactSymbols.js
shared/ReactTypes.js
shared/ReactVersion.js
shared/checkPropTypes.js
shared/consoleWithStackDev.js
shared/enqueueTask.js
shared/forks/ReactFeatureFlags.native-fb.js
shared/forks/ReactFeatureFlags.native-oss.js
shared/forks/ReactFeatureFlags.readonly.js
shared/forks/ReactFeatureFlags.test-renderer.js
shared/forks/ReactFeatureFlags.test-renderer.native.js
shared/forks/ReactFeatureFlags.test-renderer.www.js
shared/forks/ReactFeatureFlags.testing.js
shared/forks/ReactFeatureFlags.testing.www.js
shared/forks/ReactFeatureFlags.www-dynamic.js
shared/forks/ReactFeatureFlags.www.js
shared/forks/Scheduler.umd.js
shared/forks/SchedulerTracing.umd.js
shared/forks/consoleWithStackDev.www.js
shared/forks/invokeGuardedCallbackImpl.www.js
shared/forks/object-assign.inline-umd.js
shared/forks/object-assign.umd.js
shared/formatProdErrorMessage.js
shared/getComponentName.js
shared/invariant.js
shared/invokeGuardedCallbackImpl.js
shared/isValidElementType.js
shared/objectIs.js
shared/shallowEqual.js
react-reconciler/src/ReactFiberBeginWork.new.js
react-reconciler/src/ReactFiberBeginWork.old.js
react-reconciler/src/ReactFiberWorkLoop.new.js
react-reconciler/src/ReactFiberWorkLoop.old.js
code explorer prototype
react-reconciler@343d7a4a
An exploration of using space and semantics to help us read and understand code.
spatial organization
abstract away files
path-aware browsing
It's still early days for this project but I hope to productionize this for real use.
Follow
@_paulshen
for updates.
Last deploy 1609617822
snapshot canvas