$ show Shopify/web-configs
This repository provides a collection of shared configurations and tools for web development at Shopify. It is structured as a monorepo containing multiple npm packages, including ESLint and Stylelint plugins with custom rules, Babel presets, TypeScript configurations, Prettier settings, and utilities for image optimization. The project enforces consistent coding standards across Shopify's web applications and is used in their build and development pipelines. The architecture is modular, with each package providing a specific tool or configuration that can be extended by consumers.
The LLM identified 3 files worth highlighting for reuse:
Provides a comprehensive set of custom ESLint rules enforcing Shopify-specific coding standards (including React/Polaris best practices, TypeScript usage, and testing conventions). The rules are implemented as isolated, self-contained modules and are exported via shareable configurations, making them easily reusable in other projects with minimal setup.
Offers custom Stylelint rules and configurations for maintaining consistent CSS/SCSS standards in Shopify projects. The rules are self-contained and address specific concerns like code quality, formatting, and best practices, demonstrating non-obvious skill in encapsulating domain-specific linting logic.
Provides a hierarchy of base `tsconfig.json` files for different project types (application, library, node, etc.) that extend each other and set strict compiler options. This pattern allows projects to start with a solid foundation and override only what is necessary, showcasing a clean and reusable approach to TypeScript configuration management.