Overview
We are seeking a talented Frontend Developer to join our team working on a sophisticated data visualization and analysis platform built for semiconductor manufacturing. This role will involve developing complex, data-intensive user interfaces that enable engineers to analyze data, create custom visualizations, and derive actionable insights. You will be working on a modern React-based application that combines advanced charting capabilities, real-time notifications, and comprehensive data manipulation tools in an enterprise-grade environment. The ideal candidate will thrive in a fast-paced environment where performance, scalability, and user experience are critical. You'll collaborate with cross-functional teams including backend engineers, data scientists, and UX designers to build features that directly impact our customers' manufacturing processes. This is an opportunity to work on cutting-edge technology with complex state management, real-time data synchronization, and interactive data visualizations .
Responsibilities
Develop and maintain complex React components using TypeScript with strict type safety standards, ensuring robust and maintainable code across the application
Implement advanced data visualizations using ECharts, D3.js, and custom charting libraries to display semiconductor wafer data, scatter plots, histograms, heatmaps, and statistical analyses
Design and implement Redux-based state management solutions using Redux Toolkit and RTK Query for efficient API data fetching, caching, and real-time synchronization
Build responsive, performant UI components with SCSS/Sass following BEM methodology and implementing dynamic theming (light/dark mode) across the application
Integrate real-time features using SignalR/WebSockets for live notifications and data updates, ensuring seamless user experience during long-running operations
Write comprehensive unit and integration tests using Vitest and React Testing Library
Optimize application performance for large datasets (10K+ data points), implementing virtualization, memorization, and efficient rendering strategies
Collaborate with backend teams to integrate RESTful APIs using Axios ensuring proper error handling and loading states
Participate in code reviews, enforce ESLint/Prettier standards, and maintain high code quality through TypeScript best practices
Qualifications
5+ years of professional experience with React (v18+) and TypeScript in production environments
Strong expertise in Redux/Redux Toolkit including complex state management patterns, middleware implementation, and RTK Query for API integration
Proficiency with modern build tools including Vite, npm/node ecosystem, and understanding of module bundling and optimization
Advanced CSS/SCSS skills with experience in responsive design, CSS-in-JS patterns, theming systems, and preprocessor features
Data visualization experience with libraries such as ECharts, D3.js, Chart.js, or similar frameworks for creating interactive charts and graphs
Solid understanding of TypeScript including advanced types, generics, utility types, and strict typing patterns for large-scale applications
Testing expertise using modern testing frameworks (Vitest/Jest, React Testing Library) with proven track record of writing maintainable test suites
Git proficiency with experience in collaborative workflows, branching strategies, code reviews, and CI/CD pipelines
Nice to Have
Familiarity with Flexlayout-react or similar layout management libraries for complex, resizable panel interfaces
Experience with real-time communication protocols (SignalR, WebSockets, Server-Sent Events)
Background in data-intensive applications particularly in manufacturing, semiconductor, or scientific computing domains
Understanding of design systems and component libraries
Experience with Docker, Nginx and containerization for frontend deployment strategies
Experience with Electron for building cross-platform desktop applications
Pay Range
CAD $80,000.00 - CAD $110,000.00 /Yr.