Reaction
Artsy's publishing components
Overview
If you're involved in front-end development within the Artsy ecosystem, you'll find the Article components repository to be a vital resource. Though the repository has transitioned away from non-publishing code, it remains focused on delivering essential components that enhance the article interface. This specialization indicates a commitment to clean architecture and modularity, ensuring developers can efficiently collaborate and build features that contribute to the larger Artsy platform.
The project is rooted in best practices with a clear emphasis on open-source development, encouraging a community-driven approach. Whether you are looking to run tests continuously or publish canary versions, this repository comes with comprehensive tools designed for development and deployment workflows that keep your environment running smoothly.
Features
- Continuous Testing: Easily run and monitor tests in VSCode to catch issues early, ensuring reliable code quality throughout development.
- Schema Updates: Stay in sync with new changes in the metaphysics schema by updating your local schema copy for accurate development.
- Yarn Integration: Simplify the development process by using Yarn to build, compile, and link your local environment, making setup hassle-free.
- Auto-Release Mechanism: Automatically release new updates based on pull request labels to streamline the deployment process and maintain version control.
- Canary Releases: Publish canary versions seamlessly when creating PRs off repository branches, enabling safe testing of upcoming features.
- Manual Linking Options: Utilize manual linking and unlinking commands for flexibility in connecting your local projects and ensuring quick iterations.
- Extensive Documentation: Access detailed installation and development instructions, including suggestions for useful VSCode extensions, to enhance your workflow.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.