Backpack
Backpack Design System for the Web
Overview:
Backpack is a design system that includes a collection of design resources, reusable components, and guidelines for creating Skyscanner's products. It provides a comprehensive set of tools for designing and developing high-quality user interfaces.
Features:
- Design resources: Backpack offers a wide range of design resources that can be used to create visually appealing and consistent designs.
- Reusable components: The system includes a library of reusable components that can be easily integrated into any project for faster and more efficient development.
- Guidelines: Backpack provides guidelines and best practices for designing user interfaces, ensuring consistency and usability across different products.
- 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
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- 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.
