All Projects → BrascoJS → Delorean

BrascoJS / Delorean

Licence: other
A MobX-React Time Travel Debugger

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Delorean

Mobx Share
🔑一个分享mobx的在线演示ppt
Stars: ✭ 196 (-17.65%)
Mutual labels:  mobx
Idangr
Use angr in the IDA Pro debugger generating a state from the current debug session
Stars: ✭ 214 (-10.08%)
Mutual labels:  debugger
Pysnooper
Never use print for debugging again
Stars: ✭ 14,815 (+6124.79%)
Mutual labels:  debugger
Vscode React Native
VSCode extension for React Native - supports debugging and editor integration
Stars: ✭ 2,366 (+894.12%)
Mutual labels:  debugger
Mobx Logger
Log Mobx Actions, Reactions, Transactions and Computations
Stars: ✭ 210 (-11.76%)
Mutual labels:  mobx
Mobx Task
Makes async function state management in MobX fun.
Stars: ✭ 218 (-8.4%)
Mutual labels:  mobx
Pyvmidbg
LibVMI-based debug server, implemented in Python. Building a guest aware, stealth and agentless full-system debugger
Stars: ✭ 192 (-19.33%)
Mutual labels:  debugger
Code Debug
Native debugging for VSCode
Stars: ✭ 232 (-2.52%)
Mutual labels:  debugger
Bsnes Plus
debug-oriented fork of bsnes
Stars: ✭ 209 (-12.18%)
Mutual labels:  debugger
Urban Bot
🤖 The universal chatbot library based on React. Write once, launch Telegram, Facebook, Slack, ... every messenger with chatbots
Stars: ✭ 223 (-6.3%)
Mutual labels:  mobx
Saas
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
Stars: ✭ 2,720 (+1042.86%)
Mutual labels:  mobx
Wechat Weapp Mobx
微信小程序(wechat weapp) mobx 绑定, 跨页面通信的利器, 现已发布npm包
Stars: ✭ 208 (-12.61%)
Mutual labels:  mobx
Openocd
The GNU MCU Eclipse OpenOCD
Stars: ✭ 220 (-7.56%)
Mutual labels:  debugger
Wiretap
🔍 A desktop app for inspecting mobx and mobx state tree apps
Stars: ✭ 198 (-16.81%)
Mutual labels:  mobx
Embed
Pixel-perfect Discord chat widgets for your website 💬
Stars: ✭ 229 (-3.78%)
Mutual labels:  mobx
Minidbg
A mini x86 linux debugger for teaching purposes
Stars: ✭ 193 (-18.91%)
Mutual labels:  debugger
Zshdb
gdb-like "trepan" debugger for zsh
Stars: ✭ 213 (-10.5%)
Mutual labels:  debugger
Mond
A scripting language for .NET Core
Stars: ✭ 237 (-0.42%)
Mutual labels:  debugger
Heard
React Native Enterprise Social Messaging App
Stars: ✭ 234 (-1.68%)
Mutual labels:  mobx
Remotedebug Ios Webkit Adapter
Debug Safari and WebViews on iOS from tools like VS Code and Chrome DevTools
Stars: ✭ 2,563 (+976.89%)
Mutual labels:  debugger

Delorean logo

NPM

Delorean

An intuitive, in-app MobX + React developer tool employing time travel debugging and undo/redo actions. Quickly and easily gain insight into MobX-React projects, in just three easy steps.

Time Travel

Features

  • Flexible time travel functionality
  • Persistent log of every observable action and state change, including individual diffs and complete application state
  • Easy undo/redo of actions without unwanted side effects
  • Alternate timeline debugging. Reverse your application's state and branch into a new timeline with the option of returning to your original state.

Installation

NPM Module

Delorean is easily installed through npm as a developer dependency using your terminal.

npm install mobx-delorean --save-dev

Getting Started

Import DeloreanTools and delorean from the mobx-delorean module.

// in top level React component file
import { DeloreanTools } from 'mobx-delorean';

...

  render() {
    return (
      <div>
        <DeloreanTools />
        <YourComponent />
      <div>
    )
  }
// in MobX store files(s)
import { delorean } from 'mobx-delorean';

...

export default delorean(YourStore, [config]);

####config

  • arguments
    • name (string): the instance name to be shown in the toolbar
    • onlyActions (boolean): if true, Delorean will only track actions. Using MobX in strict mode causes a default to true
    • global (boolean): if true, Delorean will assign dispatching of unhandled actions to this global store
    • filters (object): whitelist or blacklist certain action types using an array of regular expressions as strings
      • whitelist any other actions will be ignored by Delorean
      • blacklist Delorean will ignore this action

Note: Delorean relies on wrapping your MobX store export in order to track its observables and parse its dependency tree at runtime. If you are using multiple stores, you can wrap them separately and Delorean will track them in a singular UI.

Open your MobX app in the browser and notice the Delorean toolbar at the top of your app. In order from left to right:

  1. Time Travel Slider - Click to toggle the time travel slider's visibility. Drag and drop the position marker to traverse through the log of previous application states.

  2. Undo/Redo Actions - Step forward and back through your application's state one action at a time with specific details about each change.

  3. Store Structure Visualizer - Open a new tab with a rich heirarchy visualization of your MobX store's dependency tree. (in development)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].