I am a product/customer-oriented Full Stack Developer that specializes in React, with some Backend experience working with Golang, NodeJS, and Python. I take pride in delivering maximum value to customers efficiently, with applications that are robust and reliable!
Decreased average LCP time by 33% by diagnosing the app with Lighthouse and creating tickets to improve this metric through font/image loading optimization, lazy loading modals, bundle size reduction, and more
Drastically reduced rerenders on page load from 1000+ to <30 by profiling the app with React profiler and discovering a lack of re-render batching, which was solved with an upgrade of React to v18
Saved company >$6000 a month on Datadog cost by reducing indexed and ingested logs by more than 99%, as well as reducing RUM sessions by 90%
Played a pivotal role in setting up and refining Datadog monitors, empowering cross-functional teams to quickly identify areas of issue and assisting developers in efficiently identifying root causes for production issues
Mentored junior developer into becoming a mid level developer by teaching best practices and an attitude of learning
Fixed hydration errors from SSR by refactoring a common page to use query params instead of local state to conditionally render portions of the UI
Served as an Incident Commander, managing incidents and bringing critical issues into resolution by involving relevant engineers, reporting statuses, and leading After Action Reviews
Implemented API’s in Golang with the Gin framework, utilizing dependency injection to improve code testability
Wrote a complex MongoDB migration that aggregated data from multiple collections, conditionally updated certain fields of matched documents and merged them to a collection
2021 — 2022
2020 — 2021
Remote
Established presentational component library with storybook for fast prototyping of components, easy documentation, and
component indexing to increase development productivity
Enforced separation of presentation from business logic in component design to maximize reusability of component code
Secured front end from XSS by sanitizing user inputted data
Increased accessibility by ensuring proper semantic html tags were used as well as adding aria-roles, labels, and hiding of
decorative elements from the accessibility tree where needed
Integration tested application with React Testing Library, minimizing false positives/negatives by adhering to best practices of not
testing implementation details, as well as promoting accessibility of the application through selecting elements by roles
Implemented React components with the Render Props pattern instead of the HOC pattern for maintaining DRYness with better
readability
Utilized hooks to abstract out reusable component logic and utility functions to facilitate component development
Typed variables and functions with Typescript to reduce type errors and improve development experience
Greater Los Angeles Area
Architected React application to use two separate routing structures to render two different user flows that reused page components to make app more maintainable and scalable
Utilized React HOC’s to abstract business logic into a reusable component augmentor to promote DRYness
Integrated SASS mixins and variables to have a single source of style rules to increase developer styling/restyling productivity
Tested React and Redux code with Jest and Enzyme with both unit and integration testing to preserve functionality and reliability of app, and end-to-end tested applications with Selenium Webdriver to ensure data integrity and proper flow
Containerized front end applications in Docker to standardize runtime environment versions as well as leverage the simplicity of building and running multiple servers concurrently with Docker Compose to lessen chance of deployment issues
Utilized polyfills and cross-browser supported methods to create applications that were reliable across browsers including IE11
Configured Webpack to support hot reloading and minification to increase developer productivity and reduce bundle file size
Integrated Gzip to Nginx servers to dramatically reduce static asset sizes for much faster load times
Mentored junior developers through PR reviews to code with software design principles and best practices in mind
Incorporated memoization hooks and Reselect library to enhance application performance
Set up json-server mock api’s to minimize UI development dependencies on backend development
2017 — 2017
Los Angeles Metropolitan Area
Utilized CSS screen breakpoints to create responsive styling for tablets and mobile devices to maintain design across screen sizes
Education
2008 — 2013
University of California, Davis
Bachelors
2008 — 2013
2008 — 2013
University of California, Davis
Bachelors
2008 — 2013
Codesmith