UI & SDK Web Engineer

📍 Job Overview

Job Title: UI & SDK Web Engineer

Company: Embrace

Location: United States, Canada (Remote)

Job Type: Full-time

Category: Software Engineering - Frontend/Observability

Date Posted: 2026-08-14

Experience Level: Mid-Senior Level (5-10 years)

Remote Status: Fully Remote

🚀 Role Summary

• Develop and maintain high-performance frontend components for internal and customer-facing dashboards using React and TypeScript.

• Contribute to the design, development, and maintenance of a Web RUM SDK built on OpenTelemetry standards.

• Build advanced performance monitoring and diagnostics tools for modern web applications, focusing on user experience and data richness.

• Collaborate with cross-functional teams (Product, Design, Engineering, Customer Success) to deliver robust solutions and incorporate user feedback.

📝 Enhancement Note: This role sits at the intersection of product development and core infrastructure, requiring a strong understanding of both user interface design and the intricacies of client-side SDK development within an observability context. The emphasis on OpenTelemetry suggests a significant contribution to open-source and industry standards.

📈 Primary Responsibilities

• Design, develop, and implement reusable, modular, and performant UI components for the Embrace dashboard using React and TypeScript.

• Write, test, and maintain the Embrace Web RUM SDK, ensuring high fidelity data collection and minimal performance impact on customer applications.

• Actively participate in the OpenTelemetry community, contributing to SDK design decisions and upstream code for web observability standards.

• Collaborate closely with Product Managers and Designers to translate requirements into intuitive and effective user interfaces for performance monitoring tools.

• Partner with Engineering teams to integrate SDK data into the dashboard and ensure seamless end-to-end functionality.

• Work with Customer Success and directly with developers using the SDKs and dashboards to gather feedback, identify pain points, and drive product improvements.

• Establish and enforce best practices for code quality, including robust unit, integration, and end-to-end testing strategies using tools like Jest and Playwright/Cypress.

• Debug complex issues across the entire web stack, from browser internals to backend data processing, to ensure optimal performance and reliability.

• Contribute to the CI/CD pipeline, ensuring efficient and reliable deployment of both UI and SDK changes.

📝 Enhancement Note: The dual responsibility for UI and SDK development implies a need for engineers who can think holistically about the developer experience, from how data is collected to how it's presented. The emphasis on OpenTelemetry indicates a strategic focus on industry alignment and potential for influencing future observability standards.

🎓 Skills & Qualifications

Education: While no specific degree is listed, a Bachelor's degree in Computer Science, Engineering, or a related field, or equivalent practical experience, is typically expected for this level of role.

Experience: 5-10 years of professional software engineering experience, with a significant focus on frontend development and client-side instrumentation.

Required Skills:

• Deep proficiency in TypeScript, including advanced type system features and their application in complex projects.

• Strong hands-on experience with React, including modern hooks, context API, and performance optimization techniques.

• Proven experience building and maintaining client-side SDKs, libraries, or instrumentation tools for web applications.

• Solid understanding of browser internals, including performance APIs (e.g., Navigation Timing, Resource Timing), Web Vitals, and event loop behavior.

• Demonstrated expertise in testing frameworks such as Jest for unit/integration testing and Playwright or Cypress for end-to-end testing.

• Experience debugging and optimizing performance for both frontend applications and JavaScript libraries.

• Proficiency with Git and modern CI/CD workflows for streamlined development and deployment.

• Excellent verbal and written communication skills, crucial for cross-functional collaboration and open-source contributions. Preferred Skills:

• Direct experience with OpenTelemetry, its APIs, SDKs, and its role in the observability landscape.

• Active contributions to open-source projects within the JavaScript/TypeScript ecosystem.

• Familiarity with browser privacy considerations, data collection consent mechanisms, and sampling strategies.

• Experience designing developer-facing APIs or libraries with a focus on long-term stability and ease of use.

• Proficiency with data visualization libraries such as Recharts and D3.js for creating insightful dashboards.

• Interest or experience in performance profiling, memory leak detection, and in-depth analysis of low-level browser behavior.

📝 Enhancement Note: The "5-10 years" experience level, coupled with the need for deep proficiency in TypeScript, React, and SDK development, suggests this role is for a senior individual contributor who can mentor others and drive technical direction. The preference for open-source contributions and OpenTelemetry experience highlights a strategic need for someone who understands and can influence industry standards.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrate successful development of complex UI components and dashboards, showcasing a strong understanding of React and TypeScript.

• Provide examples of client-side SDKs or instrumentation libraries developed, highlighting API design, error handling, and performance considerations.

• Showcase contributions to open-source projects, especially those related to JavaScript, TypeScript, or observability.

• Include case studies or examples of performance optimization efforts, detailing the problem, your approach, and the quantifiable results achieved.

• Illustrate experience with testing methodologies, providing examples of test suites for both UI components and SDK logic. Process Documentation:

• Document a complex UI feature you designed and implemented, from initial concept and wireframing through to final deployment and iteration.

• Detail the process of designing and implementing a client-side SDK, including considerations for versioning, backward compatibility, and developer onboarding.

• Describe your approach to performance profiling and optimization for web applications or libraries, including tools used and iterative improvement cycles.

• Outline your strategy for contributing to an open-source project, from understanding the codebase to submitting pull requests and engaging with the community.

📝 Enhancement Note: For a role like this, a portfolio is critical. It should not only display technical output but also demonstrate a thoughtful approach to problem-solving, code quality, and understanding of the broader software development lifecycle, particularly within the context of developer tools and observability.

💵 Compensation & Benefits

Salary Range: $135,000 - $165,000 USD per year.

• 📝 Enhancement Note: This range is based on the provided information and typical compensation for senior UI/SDK engineers in the US and Canada, considering the remote-first nature of the role. Actual compensation will depend on the candidate's specific experience, skill level, and performance during the interview process, as well as geographic cost of living adjustments.

Benefits:

• Equity/Stock Options: Opportunity to own a part of Embrace's growth.

• Comprehensive Health Benefits: Likely includes medical, dental, and vision insurance.

• Remote Work Stipend: Potential for a stipend to enhance home office setup.

• Professional Development: Support for continuous learning, conferences, and training.

• Team Offsites: Regular in-person gatherings for collaboration and team building (approximately quarterly).

• Paid Time Off: Standard vacation, sick leave, and holidays.

Working Hours: Typically 40 hours per week. The remote-first nature may offer some flexibility in scheduling, but core collaboration hours will likely be established to facilitate team communication across different time zones.

📝 Enhancement Note: The inclusion of equity, alongside a competitive base salary, positions this role as attractive for individuals seeking long-term financial upside and a direct stake in the company's success. The emphasis on team offsites highlights a commitment to building strong in-person relationships despite the remote-first model.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Software / Observability / Developer Tools. Embrace operates in the rapidly growing market for application performance monitoring (APM) and observability, specifically focusing on web performance for engineering teams.

Company Size: Small to Medium-sized (likely 50-200 employees, based on typical growth stages for companies with remote-first models and venture funding). This size offers the agility of a startup with increasing structure and resources.

Founded: Embrace was founded with a mission to empower engineering teams with deep insights into their application performance. The company is driven by a passion for solving complex technical challenges and improving the developer experience.

Team Structure:

• The Web Observability team is likely composed of specialized engineers focusing on frontend UIs and client-side SDKs.

• The team operates within a broader Engineering department, with clear reporting lines to an Engineering Manager or Director.

• Close collaboration is expected with Product Management, Design, and other Engineering teams (e.g., backend, data science) to ensure integrated solutions. Methodology:

• Data-Driven Development: Decisions are informed by user data, performance metrics, and customer feedback.

• Agile Development: Iterative development cycles, likely using Scrum or Kanban, to deliver value quickly and adapt to changing requirements.

• Open-Source Engagement: Strategic involvement with OpenTelemetry to align with industry standards and leverage community expertise.

• User-Centric Design: Strong focus on creating intuitive and effective tools for developers.

Company Website: embrace.io

📝 Enhancement Note: Embrace's focus on web observability and developer tools positions it within a critical segment of the SaaS market. The company culture likely values technical excellence, innovation, and a collaborative approach to problem-solving, with a strong emphasis on empowering its users.

📈 Career & Growth Analysis

Operations Career Level: This is a Senior Software Engineer role, focused on a specialized area within frontend and SDK development. It requires significant technical expertise and the ability to operate with a high degree of autonomy.

Reporting Structure: The UI & SDK Web Engineer will report to an Engineering Manager or Lead within the Web Observability team. They will work closely with Product Managers and Designers, and potentially collaborate with other senior engineers who may be peers or mentors.

Operations Impact: This role directly impacts Embrace's core product offering. By improving the dashboard UI and the Web SDK, the engineer will enhance the value proposition for customers, drive adoption, and contribute to the company's revenue and market position. Contributions to OpenTelemetry can also elevate Embrace's standing and influence within the broader observability community.

Growth Opportunities:

• Technical Specialization: Deepen expertise in web performance, client-side SDK architecture, OpenTelemetry, and data visualization.

• Leadership: Potential to become a technical lead for the UI or SDK domain, mentoring junior engineers and driving technical strategy.

• Open-Source Influence: Grow influence within the OpenTelemetry community, shaping future standards.

• Broader Impact: Transition to roles with increased scope, such as Principal Engineer, Staff Engineer, or management positions within engineering.

• Product Strategy: Contribute to product roadmap discussions, leveraging deep technical understanding to inform future development.

📝 Enhancement Note: This role offers a clear path for technical growth within a specialized and in-demand field. The opportunity to influence both a product and an open-source standard provides a unique blend of impact and career development potential.

🌐 Work Environment

Office Type: Remote-first company with expectations for in-person collaboration.

Office Location(s): Primarily remote within the United States and Canada. While there may not be a central office, the company likely facilitates team offsites in various locations.

Workspace Context:

• Home Office: Employees are expected to maintain a productive and ergonomic home office setup.

• Collaborative Tools: Extensive use of digital collaboration tools (e.g., Slack, Zoom, Google Workspace, Jira) for communication, project management, and knowledge sharing.

• Team Interaction: Regular virtual team meetings, stand-ups, and social events to foster connection. Quarterly in-person offsites are a key component for deeper collaboration and team bonding.

Work Schedule: While the core workday is typically 8 hours, the remote-first model may allow for some flexibility in start and end times, provided core collaboration hours are met and deadlines are achieved. Emphasis is placed on delivering results rather than strict adherence to a 9-to-5 schedule.

📝 Enhancement Note: The remote-first approach combined with intentional in-person gatherings aims to balance flexibility with the benefits of face-to-face interaction. Candidates should be comfortable working independently and managing their time effectively, while also being prepared for quarterly travel.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A brief call with a recruiter to assess basic qualifications, cultural fit, and interest.

• Technical Phone Screen: An interview focused on core programming skills, TypeScript, React fundamentals, and problem-solving abilities. This may include live coding exercises.

• Take-Home Assignment/Project: A more in-depth coding challenge, potentially involving building a small UI component or a simplified SDK feature, to assess practical application of skills.

• On-site/Virtual On-site Interviews: A series of interviews, typically 3-4, covering:

  • Deep Technical Dive: In-depth discussion on your experience with React, TypeScript, SDK development, browser internals, and testing.
  • System Design: Designing a system or feature, likely related to observability, SDK architecture, or dashboard components.
  • Behavioral/Situational: Questions assessing teamwork, problem-solving, handling challenges, and alignment with company values.
  • Portfolio Review: A dedicated session to walk through selected projects from your portfolio, explaining your contributions, technical decisions, and impact.

• Hiring Manager/Team Lead Interview: A final conversation to discuss role specifics, team dynamics, and career growth.

Portfolio Review Tips:

• Curate Selectively: Choose 3-4 strong projects that best highlight your skills in React, TypeScript, SDK development, and performance optimization.

• Focus on Impact: For each project, clearly articulate the problem you solved, your specific contributions, the technologies used, and the measurable outcomes (e.g., performance improvements, user adoption, efficiency gains).

• Showcase Code Quality: Be prepared to discuss your approach to testing, modularity, and maintainability. If possible, provide links to public repositories or code snippets.

• Explain Technical Decisions: Be ready to justify your architectural choices, library selections, and design patterns.

• Demonstrate Open-Source Engagement: If you have open-source contributions, be prepared to discuss your role, the project's impact, and your collaborative process.

Challenge Preparation:

• Practice Live Coding: Refine your ability to write clean, efficient code under pressure, focusing on TypeScript and React.

• System Design: Study common patterns for building scalable web applications, client-side SDKs, and data visualization tools. Think about how to handle large volumes of data and ensure low latency.

• OpenTelemetry Knowledge: Familiarize yourself with the core concepts of OpenTelemetry, its components (APIs, SDKs, collectors), and its advantages for observability.

• Browser Internals: Review key browser APIs related to performance (e.g., Performance API, Navigation Timing, User Timing) and common web performance bottlenecks.

📝 Enhancement Note: The interview process is designed to thoroughly assess technical depth, practical application of skills, and cultural fit. A strong, well-prepared portfolio is essential for demonstrating your capabilities, especially for a role involving both UI and SDK development.

🛠 Tools & Technology Stack

Primary Tools:

• Frontend Framework: React

• Language: TypeScript (deep proficiency required)

• Testing: Jest, Playwright, Cypress

• Version Control: Git

• CI/CD: Familiarity with modern CI/CD workflows (e.g., GitHub Actions, GitLab CI, Jenkins)

Analytics & Reporting:

• Data Visualization Libraries: Recharts, D3.js (preferred)

• Internal Dashboarding: Likely built with React, potentially using charting libraries.

CRM & Automation:

• Observability Framework: OpenTelemetry (core requirement)

• Browser APIs: Deep understanding of browser performance APIs.

• Developer Tools: Browser developer tools for debugging and profiling.

📝 Enhancement Note: Proficiency in TypeScript and React is paramount. Experience with the OpenTelemetry ecosystem is a strong differentiator, indicating a candidate who can contribute to the core of Embrace's offering and its industry alignment.

👥 Team Culture & Values

Operations Values:

• Technical Excellence: A commitment to writing high-quality, performant, and maintainable code.

• Collaboration: Working effectively across teams (Product, Design, Engineering) to achieve shared goals.

• User Focus: Prioritizing the needs and experience of developers who use Embrace's products and SDKs.

• Continuous Improvement: A drive to constantly learn, adapt, and optimize processes and products.

• Openness & Transparency: Fostering an environment where ideas can be shared freely and feedback is welcomed.

Collaboration Style:

• Cross-functional Partnership: Engineers are expected to actively engage with non-engineering stakeholders to ensure alignment and deliver impactful solutions.

• Feedback-Driven: Embracing constructive criticism and actively seeking feedback to improve code, designs, and processes.

• Knowledge Sharing: Encouraging the sharing of best practices, learnings, and technical insights through code reviews, documentation, and internal presentations.

• Community Engagement: Actively participating in the OpenTelemetry community, contributing to discussions and code.

📝 Enhancement Note: The company culture emphasizes a blend of technical rigor, collaborative spirit, and user empathy, all within a remote-first framework that values autonomy and results.

⚡ Challenges & Growth Opportunities

Challenges:

• Balancing UI and SDK Development: Managing the distinct requirements and complexities of both a user-facing dashboard and a client-side instrumentation library.

• Performance Optimization: Ensuring minimal impact from the SDK on customer applications while maximizing data fidelity and dashboard responsiveness.

• OpenTelemetry Integration: Navigating the evolving landscape of OpenTelemetry standards and contributing effectively to the open-source community.

• Cross-Time Zone Collaboration: Maintaining seamless communication and collaboration with team members across different geographic locations.

Learning & Development Opportunities:

• Deep Dive into Web Performance: Extensive opportunities to study and optimize web performance, browser internals, and core web vitals.

• OpenTelemetry Expertise: Becoming a subject matter expert in a leading observability framework.

• Advanced Frontend Architecture: Developing skills in complex React applications, state management, and performance tuning.

• Developer API Design: Gaining experience in designing robust and user-friendly APIs for developer tools.

• Mentorship: Opportunity to mentor junior engineers and contribute to the growth of the team.

📝 Enhancement Note: This role presents significant technical challenges that directly translate into substantial growth opportunities, particularly for engineers passionate about performance, developer tools, and open-source contributions.

💡 Interview Preparation

Strategy Questions:

• "Describe a complex UI component you built in React. What were the challenges, and how did you ensure performance and maintainability?" (Focus on modularity, state management, and testing.)

• "Walk me through the process of designing and implementing a client-side SDK. What are the key considerations for API design, error handling, and backward compatibility?" (Highlight SDK lifecycle, instrumentation, and developer experience.)

• "How would you approach debugging a performance issue reported by a customer that seems to stem from our Web SDK?" (Demonstrate systematic debugging, use of browser tools, and understanding of performance APIs.)

• "What is your experience with OpenTelemetry? How do you see it benefiting web observability?" (Showcase understanding of OT concepts, instrumentation, and its role in the ecosystem.) Company & Culture Questions:

• "Why are you interested in Embrace and this specific role? What excites you about web observability?" (Connect your passion for the domain with Embrace's mission.)

• "Describe a time you had to collaborate with a difficult stakeholder or navigate conflicting priorities. How did you resolve it?" (Focus on communication, empathy, and problem-solving.)

• "How do you stay up-to-date with the latest trends in frontend development and web performance?" (Showcase a commitment to continuous learning.) Portfolio Presentation Strategy:

• Structure: For each project, use a clear narrative: Problem -> Solution -> Your Role -> Technical Details -> Impact/Results.

• Quantify: Use metrics whenever possible to demonstrate the value of your work (e.g., "reduced load time by X%", "improved conversion rate by Y%", "handled Z requests per second").

• Technical Depth: Be prepared to discuss specific code patterns, architectural decisions, and trade-offs made.

• Relevance: Tailor your presentation to highlight skills most relevant to UI, SDK development, and observability.

• Conciseness: Respect the interviewer's time; be thorough but efficient in your explanations.

📝 Enhancement Note: Preparing specific examples that align with the job description's focus on React, TypeScript, SDKs, and OpenTelemetry will be key. Demonstrating a proactive approach to problem-solving and a clear understanding of the impact of your work will leave a strong impression.

📌 Application Steps

To apply for this UI & SDK Web Engineer position:

• Submit your application through the Embrace careers portal at job-boards.greenhouse.io/embrace/jobs/5564021004.

• Curate Your Portfolio: Select 3-4 of your strongest projects that showcase your expertise in React, TypeScript, client-side SDK development, and performance optimization. Focus on projects with quantifiable results and clear descriptions of your role and technical contributions.

• Tailor Your Resume: Highlight keywords and experiences directly relevant to the job description, such as TypeScript, React, SDK development, OpenTelemetry, browser internals, performance APIs, and testing frameworks (Jest, Playwright/Cypress). Quantify your achievements where possible.

• Prepare Your Narrative: Practice articulating your experience with specific examples that demonstrate your problem-solving skills, technical depth, and collaborative abilities. Be ready to discuss your contributions to open-source projects and your understanding of observability principles.

• Research Embrace: Understand Embrace's mission, product, and its position in the observability market. Familiarize yourself with OpenTelemetry and its significance. This will help you articulate your interest and align your skills with the company's goals.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.