Work Location Type: Hybrid
About Grainger:
W.W. Grainger, Inc., is a leading broad line distributor with operations primarily in North America, Japan and the United Kingdom. At Grainger, We Keep the World Working® by serving more than 4.5 million customers worldwide with products and solutions delivered through innovative technology and deep customer relationships. Known for its commitment to service and award-winning culture, the Company had 2024 revenue of $17.2 billion across its two business models. In the High-Touch Solutions segment, Grainger offers approximately 2 million maintenances, repair and operating (MRO) products and services, including technical support and inventory management. In the Endless Assortment segment, Zoro.com offers customers access to more than 14 million products, and MonotaRO.com offers more than 24 million products. For more information, visit www.grainger.com.
Want more jobs like this?
Get jobs in Chicago, IL delivered to your inbox every week.
Compensation:
The anticipated base pay compensation range for this position is $131,200.00 to $218,700.00.
Rewards and Benefits:
With benefits starting on day one, our programs provide choice and flexibility to meet team members' individual needs, including:
- Medical, dental, vision, and life insurance plans with coverage starting on day one of employment and 6 free sessions each year with a licensed therapist to support your emotional wellbeing.
- 18 paid time off (PTO) days annually for full-time employees (accrual prorated based on employment start date) and 6 company holidays per year.
- 6% company contribution to a 401(k) Retirement Savings Plan each pay period, no employee contribution required.
- Employee discounts, tuition reimbursement, student loan refinancing and free access to financial counseling, education, and tools.
- Maternity support programs, nursing benefits, and up to 14 weeks paid leave for birth parents and up to 4 weeks paid leave for non-birth parents.
For additional information and details regarding Grainger's benefits, please click on the link below:
https://experience100.ehr.com/grainger/Home/Tools-Resources/Key-Resources/New-Hire
The pay range provided above is not a guarantee of compensation. The range reflects the potential base pay for this role at the time of this posting based on the job grade for this position. Individual base pay compensation will depend, in part, on factors such as geographic work location and relevant experience and skills.
The anticipated compensation range described above is subject to change and the compensation ultimately paid may be higher or lower than the range described above.
Grainger reserves the right to amend, modify, or terminate its compensation and benefit programs in its sole discretion at any time, consistent with applicable law.
Position Details:
You will join the Grainger Technology Group (GTG) in the department of Product Engineering. GTG builds powerful digital capabilities and advances technology-driven outcomes. You will focus delivering compelling, value-added MRO (Maintenance, Repair, and Operations) solutions by investing in three core areas: Team Member Tools, Information Assets, and Customer Experiences. These areas are built and improved through cycles of experimentation and innovation
As a Staff Engineer within the Customer Order Channels domain, you will play a pivotal role in shaping the user experience and building scalable, high-performance applications that enhance customer visibility into their order lifecycle. You'll partner with cross-functional stakeholders to build, evolve, and modernize Grainger's digital experience with a focus on quality, performance, and maintainability.
This is a hands-on role requiring deep expertise in React, Next.js, TypeScript, and modern UI practices-combined with strong technical leadership, mentoring, and collaboration skills.
You Will:
- Design and develop responsive, accessible, and performant UI applications using React, Next.js, and TypeScript.
- Drive complex technical initiatives in partnership with Architects, contributing to Architectural Decision Records (ADRs).
- Partner closely with UX, Product Management, and backend engineers/teams to build cohesive and user-centric features.
- Mentor and elevate engineers through technical deep-dives, design reviews, and code walkthroughs.
- Drive continuous delivery practices by improving CI/CD pipelines, test strategies, and build automation.
- Instrument applications for performance and proactively address tech improvements and system health.
- Advocate for and implement best practices in front-end engineering, including component reusability, separation of concerns, and performance optimization.
- Champion Grainger's strong engineering culture by modeling sensible defaults:
- Lead by example in delivering small, iterative stories using trunk-based development.
- Foster a culture of pairing, shared ownership of quality, and test-driven development (TDD).
- Promote fast builds, automated deployments, and production-ready code with built-in observability, resilience and security.
You Have:
- 7+ years of professional experience in software engineering with a strong focus on front-end development.
- Expert-level proficiency in React, Next.js, JavaScript/TypeScript, HTML5, and CSS3.
- Experience building component-based architectures and working with mono-repo setups.
- Proven ability to drive engineering quality through unit testing, shared ownership, and clean code practices, using tools like Jest, WebDriverIO, ESLint, and Prettier.
- Experience collaborating across teams to implement observability standards that support production readiness, faster debugging, and proactive system health monitoring using tools like DataDog, Splunk etc.,
- Familiarity with backend-for-frontend (BFF) concepts or partnering with Node.js backend APIs.
- Hands-on experience in CI/CD environments (e.g., GitHub Actions), with strong understanding of deployment pipelines and version control workflows (GitHub).
- Demonstrated success in leading front-end modernization efforts and shaping cross-team technical strategies.
- Passion for user experience and attention to detail in design execution.
Preffered:
- Experience working with Design Systems or leading internal UI libraries.
- Exposure to micro-frontends or federated modules.
- Cloud platform experience (AWS) and containerization basics (Docker, Kubernetes).
We are committed to equal employment opportunity regardless of race, color, ancestry, religion, sex (including pregnancy), national origin, sexual orientation, age, citizenship, marital status, disability, gender identity or expression, protected veteran status or any other protected characteristic under federal, state, or local law. We are proud to be an equal opportunity workplace.
We are committed to fostering an inclusive, accessible work environment that includes both providing reasonable accommodations to individuals with disabilities during the application and hiring process as well as throughout the course of one's employment, should you need a reasonable accommodation during the application and selection process, including, but not limited to use of our website, any part of the application, interview or hiring process, please advise us so that we can provide appropriate assistance.