UI & SDK Web Engineer

Embrace
Full-time
Apply Now

📍 Job Overview

Job Title: UI & SDK Web Engineer

Company: Embrace

Location: US, Canada - Remote

Job Type: Full-Time

Category: Web Development, Observability, Frontend Engineering

Date Posted: June 12, 2025

Experience Level: Senior (5-10 years)

Remote Status: Hybrid (Remote with Quarterly Travel)

🎨 Role Summary

  • Contribute to the development of Embrace's web dashboard UI, utilizing React and TypeScript to build user-friendly, data-rich experiences for engineering teams.
  • Develop and maintain the Embrace Web RUM (Real User Monitoring) SDK, leveraging OpenTelemetry standards to provide high-performance instrumentation for web applications.
  • Bridge product development and observability infrastructure, working on both internal tools, developer-facing dashboards, and high-performance libraries.
  • Collaborate with the OpenTelemetry community to influence the future of web observability standards and contribute to open-source SDKs.
📝 Enhancement Note: This role uniquely combines frontend UI development with SDK engineering, requiring a candidate proficient in both product design implementation and low-level instrumentation. The emphasis on OpenTelemetry and open-source contributions indicates a focus on modern observability practices and community engagement.

🖼️ Primary Responsibilities

  • Develop and enhance the Embrace dashboard UI using React and TypeScript, focusing on performance monitoring and diagnostics tools.
  • Design, build, and maintain the Embrace Web SDKs, ensuring high performance and adherence to OpenTelemetry standards for web application instrumentation.
  • Shape the design of the Web SDK, contributing upstream to the OpenTelemetry project and influencing web observability standards.
  • Collaborate closely with Product, Design, and Engineering teams to translate requirements into technical solutions and deliver impactful features.
  • Partner with the Customer Success team to gather feedback from developers using the SDKs and dashboards, incorporating insights into product improvements.
  • Establish and advocate for best practices in code quality, modularity, testing (using tools like Jest, Playwright, Cypress), and observability within the team.
  • Debug and optimize both the web application and the SDK libraries to ensure stability and performance.
📝 Enhancement Note: The responsibilities highlight a blend of frontend development, SDK engineering, and community involvement. The focus on performance monitoring and diagnostics tools within the UI suggests a need for strong data visualization and user experience design implementation skills, in addition to core engineering tasks.

🎓 Skills & Qualifications

Education: A Bachelor's degree in Computer Science, Engineering, or a related field is typically preferred, or equivalent practical experience in web development and software engineering.

Experience: 5-10 years of experience in web development, with a strong focus on frontend UI development and/or client-side SDK engineering. Experience contributing to open-source projects is a plus, particularly within the JavaScript/TypeScript ecosystem.

Required Skills:

  • Deep proficiency in TypeScript, including a strong understanding of advanced type system features for building robust and maintainable code.
  • Extensive experience with React and modern frontend architectures, demonstrating the ability to build scalable and performant user interfaces.
  • Familiarity with browser internals, including performance APIs, Web Vitals, and event loop behavior, essential for building effective web observability tools.
  • Proven experience building or maintaining client-side SDKs or instrumentation tools, understanding the complexities of integrating with web applications.
  • Strong advocacy for testing methodologies and practical experience with testing tools such as Jest, Playwright, or Cypress to ensure code quality and reliability.
  • Comfort and expertise in debugging and optimizing both complex web applications and libraries for performance and stability.

Preferred Skills:

  • Experience with OpenTelemetry or other observability frameworks, demonstrating a foundational understanding of distributed tracing, metrics, and logging.
  • Prior contributions to open-source projects, particularly within the JavaScript/TypeScript ecosystem, showcasing community engagement and collaboration skills.
  • Familiarity with browser privacy considerations, data collection consent mechanisms, and sampling strategies relevant to web instrumentation.
  • Experience designing developer APIs or libraries with a focus on long-term stability, usability, and versioning.
  • Experience with data visualization libraries like Recharts and D3, for building insightful dashboards and presenting complex data effectively.
  • Interest in performance profiling, memory leak detection, and low-level browser behavior analysis to optimize web application performance.
📝 Enhancement Note: The qualifications emphasize a strong technical foundation in TypeScript and React, coupled with practical experience in building client-side libraries and a deep understanding of browser performance. Preferred qualifications highlight experience in observability, open-source contributions, and data visualization, aligning with the specialized nature of the role.

🎨 Portfolio & Creative Requirements

While a traditional design portfolio isn't the primary focus for this engineering role, demonstrating your technical design and problem-solving skills through code examples and project documentation is crucial.

Portfolio Essentials:

  • Code samples demonstrating proficiency in TypeScript and React, showcasing clean code, effective component design, and adherence to best practices.
  • Examples of contributions to client-side SDKs or instrumentation libraries, highlighting technical design decisions and approach to browser integration.
  • Case studies or documentation outlining your approach to building performance monitoring or diagnostics tools, focusing on technical implementation and impact.
  • Projects demonstrating experience with data visualization, if applicable, showcasing your ability to present complex data clearly and effectively.

Process Documentation:

  • Documentation of your development process, including approach to technical design, testing strategies, and debugging methods.
  • Explanation of your approach to building and maintaining libraries, including considerations for API design, stability, and versioning.
  • Description of your collaboration process with design and product teams to translate requirements into technical solutions.
📝 Enhancement Note: For this engineering role with a UI component, the "portfolio" is less about visual aesthetics and more about demonstrating technical skill, problem-solving, and the ability to build robust and performant systems. Highlighting contributions to libraries and performance-focused projects will be key.

💵 Compensation & Benefits

Salary Range: Given the senior level, remote nature (US & Canada), and specialized skills required (TypeScript, React, SDKs, Observability), a typical annual salary range for this role in these regions could be estimated between $120,000 and $180,000 USD, or the equivalent in CAD, depending on experience, specific location, and negotiation. This estimate is based on current market data for senior web engineers with expertise in frontend development, SDK development, and observability in major tech hubs and remote markets across the US and Canada.

Benefits:

  • Comprehensive health, dental, and vision insurance plans.
  • Retirement savings plan (e.g., 401k in the US, RRSP in Canada) with potential company match.
  • Paid time off, including vacation, sick leave, and holidays.
  • Opportunities for professional development and continuous learning in web technologies and observability.

Working Hours: Standard full-time working hours. As a remote-first company, there is likely flexibility in daily scheduling, emphasizing results and collaboration across different time zones. Expect approximately once per quarter travel for team offsites and collaboration.

📝 Enhancement Note: The salary estimate is based on typical ranges for senior web engineering roles with specialized skills in the US and Canada, considering the remote-first nature of the company. Specific compensation will vary based on individual qualifications and location within these broad regions.

🎯Team & Company Context

🏢 Company & Design Culture

Industry: Technology, Information and Internet - specializing in mobile app observability built on OpenTelemetry.

Company Size: 51-200 employees (LinkedIn indicates 117 employees), suggesting a growth-stage company environment.

Founded: 2016, indicating a relatively established company in the tech sector with a focus on modern mobile observability solutions.

Team Structure:

  • The role is within the Web Observability team, responsible for both the dashboard UI and the Web RUM SDK.
  • Expect close collaboration with Product, Design, and other Engineering teams (e.g., mobile SDK teams, backend engineering).
  • As a remote-first company, communication and collaboration tools are likely heavily utilized.

Methodology:

  • Likely utilizes agile development methodologies (e.g., Scrum, Kanban) for iterative development and collaboration.
  • Strong emphasis on technical design, code quality, and testing, given the focus on building robust SDKs and performance tools.
  • Collaboration with the OpenTelemetry community suggests a commitment to open standards and potentially open-source contributions.

Company Website: http://embrace.io

📝 Enhancement Note: Embrace's focus on mobile app observability and OpenTelemetry positions them in a growing market. The company size suggests a dynamic environment where individual contributions can have a significant impact. The remote-first culture with periodic in-person meetings balances flexibility with team connection.

📈 Career & Growth Analysis

Design Career Level: This is a Senior Engineer role, implying significant technical expertise, ability to work autonomously, mentor junior engineers (if applicable), and contribute to technical strategy. The role bridges UI development and SDK engineering, offering a unique growth path into specialized areas of web observability and performance.

Reporting Structure: Likely reports to an Engineering Manager or Director within the Web Observability team.

Design Impact: The role has direct impact on both the user experience of the Embrace dashboard and the core functionality and performance of the Web SDK, directly affecting how customers understand and improve their web application performance.

Growth Opportunities:

  • Opportunity to deepen expertise in web observability, OpenTelemetry, and performance engineering, becoming a subject matter expert in a niche but growing field.
  • Potential for technical leadership within the Web Observability team, guiding technical direction and mentoring other engineers.
  • Opportunity to contribute significantly to the OpenTelemetry open-source project, building a public profile and influencing industry standards.
  • Potential to move into a Principal Engineer or Architect role focusing on frontend architecture, SDK design, or observability infrastructure.
📝 Enhancement Note: The senior level and specialized nature of this role offer strong growth potential in both technical depth and influence within the company and the broader observability community. The hybrid nature (UI + SDK) provides a unique career path.

🌐 Work Environment

Studio Type: Remote-first company with team members located across the US and Canada.

Office Location(s): While remote-first, the company has a headquarters in Culver City, California, and other locations listed on LinkedIn (San Francisco, Salt Lake City, Buenos Aires, Phoenix). However, this role is specifically advertised as remote in the US and Canada.

Design Workspace Context:

  • As a remote role, your workspace will be your personal setup. Ensure you have a comfortable and productive environment.
  • Expect to utilize video conferencing, chat, and collaboration tools extensively for communication and team interaction.
  • Periodic in-person team offsites (approximately once per quarter) provide opportunities for face-to-face collaboration and team building.

Work Schedule: Flexible, within the context of collaborating with a distributed team across different time zones in the US and Canada. Emphasis is likely on delivering results and being available for key meetings and collaboration sessions.

📝 Enhancement Note: The remote-first nature requires strong self-discipline and communication skills. The quarterly in-person meetings are a key aspect of the work environment, balancing the benefits of remote work with the value of in-person connection for team cohesion and strategic planning.

📄 Application & Portfolio Review Process

Design Interview Process:

  • Initial screening call with a recruiter to discuss your background and interest in the role.
  • Technical interview(s) focusing on your proficiency in TypeScript, React, and frontend architecture. Expect questions on data structures, algorithms, and system design relevant to web applications and SDKs.
  • Technical interview(s) specifically on your experience with browser internals, performance APIs, client-side SDKs, and testing methodologies.
  • Interview(s) discussing your experience with observability frameworks (like OpenTelemetry), open-source contributions, and API design.
  • Potential take-home coding challenge or live coding session to assess your practical skills in building UI components or SDK functionalities.
  • Behavioral interview(s) to assess your collaboration skills, problem-solving approach, and cultural fit within a remote-first, growth-stage company.

Portfolio Review Tips:

  • Prepare to discuss specific projects where you built complex UI components or contributed to client-side libraries.
  • Focus on explaining your technical design decisions, challenges faced, and how you overcame them.
  • If showcasing data visualization work, be prepared to discuss your approach to presenting complex data effectively.
  • Highlight any contributions to open-source projects, explaining your motivation and the impact of your work.

Challenge Preparation:

  • If a coding challenge is assigned, carefully read the requirements and clarify any ambiguities.
  • Structure your code for readability, maintainability, and testability.
  • Be prepared to explain your thought process and technical decisions during a review.

ATS Keywords: TypeScript, React, Frontend Development, UI Engineering, SDK Development, Web SDK, Client-side SDK, OpenTelemetry, Observability, Real User Monitoring (RUM), Browser Internals, Performance APIs, Web Vitals, Jest, Playwright, Cypress, Testing, Debugging, Optimization, Git, CI/CD, Open Source, Data Visualization, Recharts, D3, Performance Profiling, Memory Leaks, API Design, Browser Behavior.

📝 Enhancement Note: The interview process will heavily weigh technical skills in TypeScript, React, and SDK development, alongside experience in observability and browser internals. Preparation should focus on showcasing practical coding abilities and explaining technical design choices.

🛠 Tools & Technology Stack

Primary Design Tools:

  • TypeScript: Essential for building robust and scalable frontend applications and SDKs, leveraging its advanced type system.
  • React: The core library for building the dashboard UI, requiring strong component development and state management skills.
  • Jest, Playwright/Cypress: Primary testing frameworks used for unit, integration, and end-to-end testing to ensure code quality and reliability.

Collaboration & Handoff:

  • Likely utilizes standard collaboration tools for remote teams such as Slack, Zoom, and project management platforms (e.g., Jira, Asana).
  • Git and potentially GitHub/GitLab/Bitbucket for version control and code collaboration.

Research & Testing:

  • Experience with performance monitoring tools and browser developer tools for debugging and optimization.
  • Familiarity with tools or approaches for gathering user feedback and incorporating it into product development.
📝 Enhancement Note: The technology stack is centered around modern web development tools (TypeScript, React) and testing frameworks. Experience with observability-specific tools and practices will be highly valued.

👥 Team Culture & Values

Design Values:

  • Technical Excellence: Emphasis on writing clean, maintainable, and well-tested code, especially critical for building reliable SDKs.
  • Performance Focus: Dedication to building high-performance web applications and SDKs that minimize overhead and accurately capture performance data.
  • Collaboration: Strong emphasis on collaboration within the team and across different functions (Product, Design, Customer Success).
  • Openness & Learning: Interest in contributing to and learning from the open-source community, particularly OpenTelemetry.

Collaboration Style:

  • Remote-first collaboration, relying heavily on digital communication tools.
  • Likely involves regular team meetings, code reviews, and collaborative problem-solving sessions.
  • Quarterly in-person offsites foster stronger team bonds and strategic alignment.
📝 Enhancement Note: The team culture is likely technically driven, prioritizing performance, code quality, and collaboration in a distributed environment. The connection to OpenTelemetry suggests a value placed on open standards and community engagement.

⚡ Challenges & Growth Opportunities

Design Challenges:

  • Building a high-performance Web SDK that minimizes impact on customer applications while accurately collecting observability data.
  • Designing and implementing a user-friendly dashboard UI that effectively visualizes complex performance and diagnostic data.
  • Keeping pace with the rapidly evolving landscape of web technologies and the OpenTelemetry standard.
  • Balancing the needs of internal teams, customers, and the open-source community in SDK development.

Learning & Development Opportunities:

  • Deepen expertise in web performance optimization, browser internals, and advanced TypeScript techniques.
  • Become a key contributor to the OpenTelemetry project, gaining visibility and influence in the observability space.
  • Opportunity to work on cutting-edge web observability problems and contribute to the development of new tools and features.
  • Learn from experienced engineers in a growth-stage company environment.
📝 Enhancement Note: The challenges in this role are technically demanding, requiring expertise in performance, SDK design, and data visualization. The growth opportunities align with these challenges, offering a path to become a highly specialized expert in web observability.

💡 Interview Preparation

Design Process Questions:

  • Be prepared to discuss your experience building client-side SDKs: challenges faced, design decisions, and how you ensured performance and stability.
  • Explain your approach to building and optimizing complex React applications, focusing on performance considerations and architectural choices.
  • Discuss your experience with testing methodologies (Jest, Playwright/Cypress) and how you ensure code quality and reliability for both UI and SDK code.

Company Culture Questions:

  • Research Embrace's focus on mobile app observability and OpenTelemetry; be prepared to discuss your interest in this space.
  • Given the remote-first nature, discuss your experience working effectively in a distributed team and your communication style.
  • If you have open-source contributions, be ready to discuss them and your interest in collaborating with the OpenTelemetry community.

Portfolio Presentation Strategy:

  • Focus on showcasing projects that demonstrate your expertise in TypeScript, React, and building performant web applications or libraries.
  • If you have contributed to SDKs or observability tools, prepare to walk through the technical challenges and your solutions.
  • For UI projects, highlight how you approached data visualization and presenting complex information effectively.
📝 Enhancement Note: Interview preparation should heavily emphasize technical skills in TypeScript, React, and SDK development, with a focus on performance and testing. Demonstrating experience in observability or open-source contributions will be a significant advantage.

📌 Application Steps

To apply for this design position:

  • Submit your application through this link
  • Tailor your resume and cover letter to highlight your experience in TypeScript, React, client-side SDK development, and observability.
  • Prepare to discuss relevant projects during the interview process, focusing on technical challenges and your solutions.
  • If applicable, showcase any contributions to open-source projects, particularly in the JavaScript/TypeScript ecosystem or related to observability.
  • Research Embrace and their focus on mobile app observability and OpenTelemetry to demonstrate your interest and understanding.
⚠️ Important Notice: This enhanced job description includes AI-generated insights and design industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.
Apply Now