• Integrated GraphiQL plugin to help developers perform test queries without going to their codes in order to fast track database query design and entity mapping of the database schema.
• Integrated Typescript to utilize its static analysis to hot code the dev tool panel thereby reducing interpret/compile time that could be added to the browser’s compilation overload. It also improves cross-development team code generation and ensuring overall scalability.
• Utilized the multi-process architecture of google chrome, chrome developer tools’ messaging capabilities, runtime APIs as observables to intercept graphQL queries and data between website application and developer tool.
• Leveraged React Hooks to maintain state and enforce one-way data flow for React-based frontend UI with modularized components.
• User Material-UI components to create tabs, buttons, and GraphQL resolver time charts for a clearly organized and declarative UI.
• Utilized Jest unit tests and Enzyme snapshots to evaluate correct component architecture.