Senior Vue.js / Ruby on Rails Full-Stack Engineer

Title:

Senior Vue.js / Ruby on Rails Full-Stack Engineer (Vuetify & Legacy Modernization Focus)

About the Role

We are seeking a seasoned Full-Stack Engineer with a deep specialization in Vue.js (Vue 2) , Vuetify, and Ruby on Rails. This role is a unique blend of front-end architecture modernization and back-end stability. You will lead the charge in refactoring a legacy Vue 2 codebase for long-term scalability while ensuring seamless integration with a Ruby on Rails back end. The ideal candidate is not just a coder but a craftsman who can identify technical debt, reduce bundle bloat, and architect a lean, component-driven UI layer.

Key Responsibilities

• Front-End Architecture & Refactoring: Lead the refactoring of a complex Vue 2 and Vuetify application. This includes removing unnecessary dependencies (specifically Vuex anti-patterns), optimizing the Vite/Webpack bundle, and implementing advanced code-splitting and lazy loading strategies.
• Component System Ownership: Design and enforce a reusable, modular component library using Vuetify as the foundation. Establish patterns for Higher Order Components and Component Splitting to eliminate redundancy across the application.
• Performance Optimization: Utilize tools like Lighthouse, Webpack Bundle Analyzer, and DevTools Profiler to diagnose rendering bottlenecks. Implement memorization techniques and efficient data pagination to ensure a smooth, 60fps user experience.
• Full-Stack Integration: Collaborate closely with the Ruby on Rails back end. You will design efficient REST or GraphQL contracts and manage complex data fetching logic (including caching strategies with Redis) on the front end.
• Testing & Reliability: Maintain high code quality standards using Jest, Mocha, or Cypress for component and integration testing.
• Cross-Functional Polish: Apply a strong eye for responsive design (CSS3/Flex/Grid) and cross-browser compatibility to ensure the Vuetify implementation aligns perfectly with UX/UI specifications (Figma/Storybook integration is a plus).

Required Qualifications (Must-Have)

• Ruby on Rails: Proven professional experience building or maintaining production Ruby on Rails applications. Understanding of MVC within the Rails context is essential.
• Vue.js Ecosystem Expertise: Deep experience with Vue 2 (Options API & Composition API) and mastery of Vuetify component overrides and theming.
• Core Front-End Proficiency: Expert-level knowledge of HTML5, CSS3, and modern JavaScript (ES6+).
• State Management Pragmatism: Strong familiarity with Vuex—specifically knowing when NOT to use it and how to refactor it out in favor of simpler patterns or Pinia.
• DevOps & Deployment: Comfortable with Docker, GitHub/GitLab CI/CD, and cloud deployment pipelines (AWS/GCP/Heroku).

Technical Skills Stack (The Toolbox)

• Front-End Core: Vue.js (Vue 2), Vuetify, React.js (secondary context), Angular (secondary context).
• State & Data: Vuex, Redux, Context API, Recoil, Jotai, Data Pagination, Lazy Loading, Memorization.
• Back-End & DB: Ruby on Rails, PostgreSQL, MySQL, MongoDB, DynamoDB, GraphQL/REST API, Redis, ElasticSearch.
• Cloud & DevOps: AWS (Lambda, EC2, S3, CDK, Cognito), GCP (Cloud Run, GKE), Docker, Nginx, Heroku, GitHub Actions (CI/CD).
• Testing & Monitoring: Jest, Mocha, Cypress, React Testing Library, Lighthouse, Webpack Bundle Analyzer, Sentry, Datadog.
• Third-Party Integration: Stripe, Auth0, Twilio, OpenAI/OCR integration experience.

Bonus Skills (Nice to Have)

• Design Acumen: Experience translating Storybook components or Theme UI designs into pixel-perfect Vuetify layouts. Background in UX/UI or Graphic Design is highly valued.
• Animation: Proficiency with Framer Motion or React Spring for creating delightful micro-interactions within the Vue/Vuetify environment.
• Webflow: Experience bridging Webflow prototypes into production Vue applications.