Blog

Ponderings and other thoughts

Alexander Garcia is a passionate Front-End Web Consultant that designs scalabe web solutions.

Alexander Garcia is a resilient Software Developer who makes cutting-edge software.

Alexander Garcia is a progressive Front-End Development Consultant who crafts captivating digital experiences.

Alexander Garcia is a devoted Software Engineer who develops human-centered products.

Alexander Garcia is a creative Vue Developer who builds intuitive human-centered products.

Alexander Garcia is a detail-oriented Website Consultant who helps to develop cost-effective customer-facing products.

Discover how a simple misconfiguration in Rsbuild was duplicating every image in our bundle (Reduced further from 8.5MB to 3.5MB). Learn how to fix it and optimize JPEG images for the web without converting to WebP.

AG
Alexander GarciaFront-end Engineer
rsbuildoptimizationimagesperformancejavascript

The final part of our bundle optimization series. Learn how to reduce image sizes by up to 96% using WebP conversion, Sharp, and automated optimization scripts. Includes a complete Node.js image optimization tool you can use in your own projects.

AG
Alexander GarciaFront-end Engineer
node.jsimage optimizationsharpperformanceweb standards

Part 2 of our bundle optimization series. Learn how implementing route-based lazy loading with React Router reduced our initial JavaScript bundle by an additional 50%, dramatically improving Time to First Byte (TTFB) and First Contentful Paint (FCP).

AG
Alexander GarciaFront-end Engineer
reactreact routerperformanceweb optimization

Learn how we reduced our React site's bundle size by 74% using Rsbuild and Rspack.

AG
Alexander GarciaFront-end Engineer
reactrsbuildrspackperformanceweb optimization

Part 3 - Implementation Journey. From first commit to Phase 1 MVP: 3 weeks, 4 security checks, 118 tests, and lessons learned building an open-source security tool.

AG
Alexander GarciaFront-end Engineer
typescriptsecurityvitesttesting

Part 2: Architecture & Design. How TypeScript's type system enabled a security-first architecture that's both extensible and maintainable.

AG
Alexander GarciaFront-end Engineer
typescriptsecurityoauthauthentication

Part 1: The Problem with OAuth Security. A 3-part series in building an open-source OAuth 2.0 security auditor from real-world government experience.

AG
Alexander GarciaFront-end Engineer
typescriptsecurityoauthauthentication

In this article, we will talk about how to kick off the authentication process and writing our very own /authorize endpoint

AG
Alexander GarciaFront-end Engineer
javascriptes6oauth2authenticationoauth

Create the PKCE code verifier, code challenge, and state in JavaScript from scratch.

AG
Alexander GarciaFront-end Engineer
javascriptes6oauth2authenticationoauth

Scraping the web using Cherrio and Node.js to get jogathon data

AG
Alexander GarciaFront-end Engineer
javascriptes6cheerioweb scraping

Parsing Cookie strings and transforming them into usable JavaScript because backend engineers were busy

AG
Alexander GarciaFront-end Engineer
javascriptes6string manipulation

Differences between OAuth 2.0's Proof Key for Code Exchange (PKCE) and Client Authentication Private Key JWT

AG
Alexander GarciaFront-end Engineer
javascriptoauthidentityauthenticationauthoriation

Using Intl.ListFormat to standardize the usage of and/or grammar in a programmatic way

AG
Alexander GarciaFront-end Engineer
javascriptreact

Contact

Get In Touch

Ready to start your next project? Let's discuss how we can work together

Let's Work Together

I'm always interested in new opportunities and exciting projects. Whether you have a specific project in mind or just want to chat about possibilities, feel free to reach out!

alexander.schmidt.garcia [at] gmail.com
United States

Send Me a Message