Code

This website is a showcase of my frontend code using React and TypeScript. It is built with Remix and Vanilla Extract CSS, and hosted on Cloudflare Pages. You can view the code in my Github Repository.

I have experience with many other libraries as well ...

API
Apollo GraphQL

Apollo GraphQL is a modern API platform that offers numerous advantages over traditional API platforms. One of the primary reasons I like GraphQL is its ability to significantly reduce boilerplate code. With GraphQL, I can query exactly what I need using minimal syntax. I assisted in setting up the middle tier in my first year and have been working on the front-end side with GraphQL for over four years.

Testing
Playwright

Because Square 8 was a small team, I wrote several tests for automated testing. We initially used Cypress as our testing tool, but as we continuously improved our codebase, us the front-end team refactored the testing files from Cypress to Playwright. We read the Playwright documentation and experimented with it for a week, and we all preferred Playwright. I particularly appreciated Playwright because it offers much better code readability and easier tracing.

UI Component
React Hook Form

I have experience with various React component libraries that have enabled the team to build the management platform more efficiently. We primarily worked with forms and tables, which provided me with extensive experience in using React Hook Form. We chose React Hook Form for its performance, flexibility, and extensibility. Although we utilized its validation feature for approximately 2 to 3 years, we ultimately switched to Zod schema as we defined more custom types on our backend.