Front-End Developer - React

{
  "content_hash": "7c283a1e934dcb54581b83527571ffce3cd26714efa141606ab85d0a33f373c4",
  "source_hash": "0a44823548d1f80e3196b9c07b7b0cccbb77cfde1bc7c0e32a6552f642c2e642",
  "last_changed_at": "2026-06-03T10:31:27.633Z",
  "active_status": "active"
}

{
  "language": "en",
  "location": {
    "raw": "San José, San José, Costa Rica",
    "city": "San José",
    "region": "San José",
    "country": "Costa Rica",
    "is_remote": true,
    "confidence": 0.8
  },
  "salary_max": null,
  "salary_min": null,
  "inferred_at": "2026-06-06T10:25:43.513Z",
  "launch_scope": {
    "reason": "bamboohr_production_catalog",
    "included": true,
    "location": {
      "raw": "San José, San José, Costa Rica",
      "city": "San José",
      "region": "San José",
      "country": "Costa Rica",
      "is_remote": true,
      "confidence": 0.8
    },
    "countries": [
      "Costa Rica"
    ]
  },
  "remote_policy": "remote",
  "salary_period": null,
  "workplace_type": "remote",
  "salary_currency": null
}

{}

{
  "list_job": {
    "id": "369",
    "isRemote": null,
    "location": {
      "city": null,
      "state": null
    },
    "atsLocation": {
      "city": "San José",
      "state": null,
      "country": "Costa Rica",
      "province": "San José"
    },
    "departmentId": "18817",
    "locationType": "1",
    "jobOpeningName": "Front-End Developer - React",
    "departmentLabel": "Staff Augmentation",
    "employmentStatusLabel": "Full time"
  },
  "detail_errors": [],
  "detail_job_opening": {
    "location": {
      "city": null,
      "state": null,
      "postalCode": null,
      "addressCountry": null
    },
    "datePosted": "2026-06-02",
    "atsLocation": {
      "city": "San José",
      "state": "San José",
      "country": "Costa Rica",
      "countryId": "51"
    },
    "description": "<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Who we are: </span></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt\">We are a full-Service agency &amp; content Studio helping companies to thrive through strategy, creative, technology services, and human talent.</span></p>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Job purpose:</span></p>\n<p><span style=\"color: rgb(0, 0, 0)\">We are seeking a skilled <span style=\"font-weight: bold\">Front-End Developer</span> to support an <span style=\"font-weight: bold\">Amazon Ads project focused on React and GraphQL development</span>. This role is responsible for designing and developing reusable React components that consume structured content and data through GraphQL.<br></span><br></p>\n<p><span style=\"color: rgb(0, 0, 0)\">The ideal candidate has strong hands-on experience with <span style=\"font-weight: bold\">React, GraphQL, TypeScript, JavaScript, responsive design, component architecture, and front-end performance best practices</span>. Experience with <span style=\"font-weight: bold\">Adobe Experience Manager Headless</span> is a plus.</span></p>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Job details: </span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Location:</span> <span style=\"font-weight: bold\">Remote</span> (open to candidates based in Costa Rica, Mexico, Colombia; must be able to work on a UTC-6 schedule)</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Schedule:</span> Monday to Friday, 8:00 a.m. - 5:00 p.m. Costa Rica Time Zone.</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Job Type:</span> Fixed-term, full-time position (approximately 2 - 3 month) with potential for extension</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Language Proficiency:</span> Professional proficiency in Spanish and English (C1 reading, writing &amp; conversation)</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Availability:</span> Immediate availability preferred</span></li>\n</ul>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Key Responsibilities:</span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0)\">Collaborate in implementing data exchange between application layers and AEM components.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Design, develop, and maintain reusable React components that consume <span style=\"font-weight: bold\">Headless AEM</span> content through GraphQL queries.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Write, structure, and optimize GraphQL queries for efficient content retrieval from Adobe Experience Manager.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Translate Figma designs into fully styled, responsive, and production-ready React components.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Translate graphical designs and wireframes into fully styled markup code for <span style=\"font-weight: bold\">AEM components</span> (Touch UI Dialog, HTL/Sightly, HTML, JavaScript, and CSS).</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Implement state management solutions using Redux, Context API, or similar front-end architecture patterns.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Collaborate with cross-functional teams including Delivery, Creative, UX, Analytics, QA, and Technology.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Follow headless AEM implementation standards, front-end development best practices, and component-based architecture principles.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Debug, troubleshoot, and optimize web applications across browsers, devices, and screen sizes.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Maintain clear technical documentation, development standards, and implementation guidelines.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Provide accurate task estimates, status updates, and escalation points to senior team members.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Participate in code reviews, knowledge-sharing sessions, and continuous improvement initiatives.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Take ownership of assigned tasks while knowing when to request guidance or escalate blockers.</span></li>\n</ul>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Required Academic Background:</span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0)\">Bachelor’s degree in Computer Science, Software Engineering, Web Development, or a related technical discipline preferred.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Equivalent practical experience in professional front-end development will also be considered.</span></li>\n</ul>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\"><span style=\"font-weight: bold\">Required Skills and Experience:</span><br></span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0)\"><span style=\"font-size: 12pt\"><span style=\"font-weight: bold\">5+ years of professional experience</span> working with </span>Front-End technologies with experience in <span style=\"font-weight: bold\">React</span>.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Strong hands-on experience with <span style=\"font-weight: bold\">React</span>, component architecture, and reusable UI development.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Professional experience writing and optimizing <span style=\"font-weight: bold\">GraphQL queries</span>.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Strong understanding of GraphQL schemas, query structures, mutations, variables, and structured content retrieval.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience mapping <span style=\"font-weight: bold\">GraphQL</span> responses into <span style=\"font-weight: bold\">React components</span> using clean, maintainable data models.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Strong knowledge of <span style=\"font-weight: bold\">HTML5, CSS3, JavaScript ES6+, TypeScript</span>, and responsive web development.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with state management tools and patterns such as Redux, Context API, custom hooks, or similar solutions.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with CSS preprocessors such as <span style=\"font-weight: bold\">SASS</span> or<span style=\"font-weight: bold\"> LESS</span>.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Understanding of <span style=\"font-weight: bold\">Mobile First</span> design and responsive design principles.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience working with JSON and common data transfer formats.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience integrating with REST APIs and debugging front-end applications.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Proficiency with Git version control and collaborative development workflows.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience working with design tools such as Figma and Photoshop.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Knowledge of web performance best practices, including Core Web Vitals and Lighthouse.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Understanding of accessibility, SEO best practices, and front-end design patterns.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Familiarity with project management and collaboration tools such as JIRA, Confluence, and Microsoft Teams.</span><br></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience using code editors such as VS Code, IntelliJ IDEA, or similar tools.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Strong attention to detail, documentation discipline, and ability to maintain consistency in fast-paced, multi-stakeholder projects.</span></li>\n</ul>\n<p><span style=\"color: rgb(0, 0, 0)\"><span style=\"font-size: 12pt; font-weight: bold\"><br><span style=\"color: rgb(0, 0, 0)\">Preferred Qualifications</span></span></span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\">Experience with GraphQL client libraries such as Apollo Client or Relay.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with modern build tools such as Webpack, Vite, or Parcel.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Familiarity with rendering strategies such as CSR, SSR, SSG, or ISR.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with Next.js or similar React frameworks.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with testing frameworks such as Jest, React Testing Library, Cypress, or Playwright.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience using Storybook for component documentation and UI development.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Knowledge of headless CMS best practices and content modeling.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience with animation libraries such as GSAP or Framer Motion.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience optimizing React applications for performance, accessibility, and maintainability.</span></li>\n</ul>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\"><br>Nice to have</span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0)\">Previous experience with Adobe Experience Manager or AEM Headless implementation.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Knowledge of AEM Content Fragments and GraphQL Content Services.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Familiarity with HTL/Sightly, Touch UI, Universal Editor, Clientlibs, or Sling Models.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Adobe Experience Manager certification, such as Adobe Certified Expert or AEM Sites Author.</span></li>\n<li><span style=\"color: rgb(0, 0, 0)\">Experience working on advertising, content management, or enterprise digital experience projects.</span></li>\n</ul>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">Core competencies</span></p>\n<ul>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Cultivates innovation</span>: generates new, better ideas and challenges the status quo.</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Collaborates:</span> works cooperatively across teams and credits others’ contributions.</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Manages complexity</span>: weighs pros/cons and analyzes diverse information before deciding.</span></li>\n<li><span style=\"color: rgb(0, 0, 0); font-size: 12pt\"><span style=\"font-weight: bold\">Communicates effectively:</span> delivers clear, concise messages and encourages open dialog</span></li>\n</ul>\n<p><br></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt; font-weight: bold\">How to apply: </span></p>\n<p><span style=\"color: rgb(0, 0, 0); font-size: 12pt\">If you are excited about creating impactful solutions with a passionate team, please submit your résumé outlining relevant experience and why you’re the ideal fit for this role.</span></p>",
    "compensation": null,
    "departmentId": "18817",
    "locationType": "1",
    "seekPromoted": false,
    "jobCategoryId": null,
    "jobOpeningName": "Front-End Developer - React",
    "departmentLabel": "Staff Augmentation",
    "jobOpeningStatus": "Open",
    "minimumExperience": "Experienced",
    "jobOpeningShareUrl": "https://boombit.bamboohr.com/careers/369",
    "employmentStatusLabel": "Full time"
  }
}