I’ll share the lessons learned and why we ultimately chose to move past the sunk-cost fallacy, adopting open-source solutions like Material-UI and Google’s Material Design.

• design-system
• ui-library

I’ll reflect on my time here, celebrating my contributions and impact, acknowledging my failures, and sharing how they all contributed to my personal and professional growth.

• review
• career
• growth

A mismanaged i18n workflow can impede web performance and product releases. In this post, we dive into translation processes and frontend architecture, exploring pitfalls that impact user and developer experiences.

• I18n
• UX
• DX

Experience the greatness of fine-grained reactivity taken to new heights with Qwik's ingenious resumability. If you seek a cutting-edge fine-grained reactive framework, look no further than Qwik.

• qwik
• reactivity

The way Qwik serializes and deserializes closures truly feels like magic. Let's dive into it to see how Qwik enchants the closures.

• qwik
• resumability

The Apollo federation architecture had been adopted by thousands of companies. Let's dive into it with an interesting example "What if Pokemons attend StarWars?".

• graphql
• federation
• architecture
• api

Discover how you can skip the manual process of labeling test ids by harnessing the power of a11y and i18n. Learn how this approach can transform the way we build web applications, promoting a culture of accessibility along the way.

• testing-experience
• a11y
• i18n
• cypress

Discover how adopting the Docs-like-Code approach can tackle documentation challenges in expanding organizations, promoting seamless collaboration and reducing the cost of maintaining high-quality documentation.

• docs-like-code
• backstage
• internal-tool

It's time to reconsider our choice of GraphQL if we're not reaping its ultimate advantage while enduring its primary drawback. Discover how to enhance the error handling interface and adopt the fragment masking pattern to truly harness the power of GraphQL in your projects.

• graphql
• error-handling
• codegen

Discussing the foundations of a UI library, selecting the right style engine, leveraging the styled system, and establishing a dynamic theme color palette.

• react
• ui-library
• color-mode

Boost your testing game by adding custom queries to the Testing Library. Find out why you should create them and follow this easy guide to make your testing process smoother and more efficient. Happy testing!

• testing
• testing-library

Discover how to optimize your website's performance by eliminating redundant code from your JavaScript bundles, boosting loading speed, and enhancing user experience.

• webpack
• webpcak-plugin
• de-duplicate
• yarn
• npm

Discover the power of Monorepo management with Nx to scale your team's codebase efficiently, automate tasks, and optimize collaboration. Embrace the Single Version Policy for standardized tooling and enhanced code maintainability.

• monorepo
• nx
• team-scaling

Dive into traversing the React fiber tree, extracting key data, and representing the tree structure using ASCII characters. This visualization aids in understanding React's rendering engine and its inner workings.

• react
• react-fiber

Avoid the pitfalls of wrong abstractions in your codebase by understanding their costs and consequences. Learn how to create beneficial abstractions and maintain a healthy development process with proper testing and refactoring strategies.

• engineering

As your team grows, so does your style guide. Ensuring everyone adheres to it, especially newcomers, can be a challenge. That's where ESLint comes in! Learn how to create a custom ESLint plugin to maintain consistency in your codebase.

• ESLint
• AST
• abstract-syntax-trees

Delve into my personal experience at Junyi Academy, where I tackled challenges head-on by fostering better communication, refining development strategies, and approaching solutions to strengthen its impact as a valuable educational resource.

• review
• JunyiAcademy