Skip to content

feat(almin): Introduce Almin Instruments#280

Merged
azu merged 12 commits intomasterfrom
instruments
Sep 18, 2017
Merged

feat(almin): Introduce Almin Instruments#280
azu merged 12 commits intomasterfrom
instruments

Conversation

@azu
Copy link
Copy Markdown
Member

@azu azu commented Sep 17, 2017

image

Easy to profile webpplication with devtool timeline.

  • Use performance.mark and peformance.measure
  • See measurement of performance on the devTools's timeline
    • It work with other marking like ?react_perf

TODO

  • How to turn on?
    • url query like ?react_perf ?
    • localStorage?
    • Context?

You can enable this feature by Context's performanceProfile.

Example

const appContext = new Context({
    dispatcher: new Dispatcher(),
    store: AppStore.create(),
    options: {
        strict: true,
        performanceProfile: process.env.NODE_ENV !== "production"
    }
});

Screenshots

Video: https://twitter.com/azu_re/status/909418278153478144

image

fix #177

azu added 2 commits September 17, 2017 20:42
- Use `performance.mark` and `peformance.measure`
- See measurement of performance on the devTools's timeline
  - It work with other marking like `?react_perf`
@azu azu merged commit e0e8eb2 into master Sep 18, 2017
@azu azu deleted the instruments branch September 18, 2017 03:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Instrumental lifecycle

1 participant