James Ye Email & Phone Number

PerfSSR is an open source Chrome Developer tool that observes and analyzes Next.js applications. Developers get insightful information on application performance and server-side network requests - Designed and implemented a Chrome Extension to analyze and observe Next.js application rendering and server side API fetch calls, providing developers valuable insights to potential bottlenecks during development - Created the UI with React, implementing modular and reusable components for optimized rendering performance and smooth updates of incoming live data through WebSocket- Generated an abstracted tree by leveraging the React Fiber reconciliation algorithm to gain a snapshot of the application component hierarchy in between rendering events, gathering rendering times of each component of the life cycle update- Implemented a lightweight Express server integrated with Web Socket and OpenTelemetry middleware to reduce span objects by 40%, prioritizing critical data points to the frontend in real-time- Employed Chart.js to dynamically render charts that showcase the rendering performance metrics of Next.js applications, facilitating easy to understand performance analysis and identifying potential bottlenecks within a user’s web application- Developed custom TypeScript interfaces to enforce static typing to ensure accurate messages and data formats between the user's application and the developer tool, while enhancing future scaling and easier onboarding

- Leveraged React's component based hierarchy to generate reusable UI components, increasing code modularity and reducing code duplication, resulting in a 10% decrease in development time- Developed RESTful API using Express, streamlining data retrieval and manipulation with the simplicity and flexibly nature of RESTful and middleware architecture to retrieve and store movie/tv details from an external API- Enhanced user navigation with React Router, using its declarative approach to routing in a clear and intuitive manner, allowing for easier routing logic- Increase CSS codebase organization and development efficient by incorporating SCSS features such as variables and code nesting, leading to more modular and readable code- Customized Webpack configuration to handle bundle different file types, such as JavaScript transpiration with React, and CSS preprocessors, to improve performance and code organization- Utilized MongoDB's document based approach to handle varying object structures, enabling efficient storage and retrieval for user stored movie and tv preferences

- Allowed easy login by integrating Spotify OAuth 2.0 Authorization Control flow to generate access tokens to allow persistent authentication when authorizing a users account- Stored user liked songs with MongoDB, leveraging its schema less design to create structured JSON style objects for high read and write throughout, allowing fast data retrieval and efficient updates- Optimized global state management using the React Context API to decouple direct parent-child relationship, allowing components to get access to state regardless of their position in the component tree and making it easier to refactor without affecting data flow

Menlo Park, Ca, Us

Menlo Park, Ca, Us

• Co-lead to a global project to upgrade the firmware all Access Control Panels not limited to developing schedules and working alongside with field technicians to ensure correctness • Assisted in the global deployment of SureView Immix to all Facebook offices and data centers• Provided a python script to transpose camera research documentation to a CSV recognized by Immix• Ensure configuration of devices are up to standard prior to Immix integration of a site• Manage projects involving security system configuration, implementation, and commissioning

Menlo Park, Ca, Us

Embedded at Facebook Headquarters in Menlo Park• Managed and oversaw physical security assets in all offices and data centers globally • Improved operational methods and workflow by identifying, recommending, and implementing process initiatives via python script saving thousands of man-hours• Competent at providing detailed documentation, training guides, and written reports• Knowledge of Access Control System (CCure 9000) and Video Surveillance (Genetec)