Download PDF

Jinelle Baterna

Senior Software Engineer

Senior Software Engineer with 7+ years building fast, accessible web applications in React and TypeScript, with React Native for mobile. Owned frontend architecture, drove technical decisions, and ran the release process end to end. Cut render times 40%, reduced code duplication 30 to 40%, and dropped production bugs 50%, while owning testing across Jest, React Testing Library, and Playwright, and working closely with backend, design, QA, and product. Works AI-native day to day, using AI tooling across build and code review while holding its output to the same bar for code quality, accessibility, and performance.

Contact Info

Skills

Languages

  • TypeScript
  • JavaScript
  • HTML
  • CSS
  • Sass
  • SQL

AI-Native Development

  • Claude Code
  • AI-assisted code review
  • Test and spec generation
  • Prototyping and library evaluation

Architecture & Patterns

  • Design systems
  • Design tokens & theming
  • Reusable component libraries
  • State management
  • REST API integration

Testing

  • Jest
  • React Testing Library
  • Playwright

Frameworks, Libraries & Tools

  • React
  • Next.js
  • React Native
  • Node.js
  • Redux
  • TanStack Query
  • Styled Components
  • Tailwind CSS
  • Git
  • GitHub

Performance

  • Render optimization & memoization
  • List virtualization
  • Web Workers
  • Code splitting
  • Core Web Vitals
  • Profiling (DevTools, React Profiler)

Accessibility

  • WCAG 2.2 AA
  • Keyboard & focus management
  • ARIA

Design Collaboration

  • Figma
  • Design-to-development handoff

Work Experience

Mosaic Manufacturing Ltd

Software Engineer | May 2021 | Toronto, ON, Canada

React, Redux, TanStack Query, TypeScript, Styled Components, Figma, Jest, React Testing Library, Playwright

  • Proposed and led a component refactor, negotiating timing to protect the release and de-risking it with new test coverage. Cut code duplication 30 to 40% and sped feature rollout 20%.
  • Main owner of frontend UI for a 6+ engineer team, handling architecture decisions, PR review, and onboarding new hires. Production bugs dropped 50%.
  • Partnered with the product designer to catch design-system and code inconsistencies before implementation, improving design-to-dev handoff speed 25% and keeping products visually consistent.
  • Proposed a feature-flag merge strategy to fix recurring merge conflicts, addressing leadership's risk concerns and cutting hotfixes and re-test cycles.
  • Managed the end-to-end release process, encompassing branch cuts, QA validation, and hotfix coordination. In the absence of existing documentation, authored a comprehensive guide to support future ownership of the process.
  • Diagnosed and resolved rendering performance issues on hardware-constrained, embedded device browsers using Chrome DevTools and React Profiler, achieving 40% faster render times.
  • Traced a tricky timing bug to inconsistent data-fetching patterns and refactored the data layer into a single retrieval path. Also worked with backend engineers on API contract design up front.

Mrkdwn, Inc.

Frontend / UX Engineer | Jan 2018 to Mar 2020

React, Redux, HTML, CSS, Sass, REST APIs, Sketch, Zeplin

  • Built a single-page React application for a deals and discount aggregator site, translating Sketch and Zeplin designs into production UI, including deal-discovery filters and a CMS for admins.
  • Added server-side rendering so search engines could actually index the pages, and wired up REST API integration with axios to pull in live data.
  • Worked with backend engineers on caching and other performance improvements, and used analytics data to grow engagement from social and organic search, taking daily sessions past 20,000.