https://github.com/najwer23/najwer23snacks
Design System - A comprehensive collection of React components for building consistent, scalable applications.
https://github.com/najwer23/najwer23snacks
css-module javascript javascript-package npm-package react rollup-js storybook typescript vite
Last synced: about 1 year ago
JSON representation
Design System - A comprehensive collection of React components for building consistent, scalable applications.
- Host: GitHub
- URL: https://github.com/najwer23/najwer23snacks
- Owner: najwer23
- Created: 2024-08-22T15:49:30.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-13T21:26:32.000Z (over 1 year ago)
- Last Synced: 2024-10-31T06:51:36.908Z (over 1 year ago)
- Topics: css-module, javascript, javascript-package, npm-package, react, rollup-js, storybook, typescript, vite
- Language: TypeScript
- Homepage: https://najwer23.github.io/najwer23snacks/
- Size: 15.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: .github/README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# najwer23snacks
[](https://najwer23.github.io/najwer23snacks) [](https://github.com/najwer23/najwer23snacks) [](https://www.npmjs.com/search?q=najwer23snacks)
A design system is a comprehensive collection of reusable components, guidelines, and standards that help teams create consistent and cohesive digital products. It serves as a "single source of truth," ensuring that design and development processes are streamlined across various platforms and teams.
1. Reusable UI Components
2. Documentation and Guidelines
3. Style Guides
4. Design Tokens
5. Tree shaking
# Benefits of Using a Design System
- Increased Efficiency: By providing pre-made components, design systems reduce the time spent on repetitive tasks, allowing teams to focus on more complex design challenges.
- Consistency Across Products: A design system ensures that all products share a unified look and feel, which enhances brand recognition and user experience. This is crucial for companies with multiple products or teams working in silos.
- Improved Collaboration: With a shared language and framework, design systems facilitate better communication among designers, developers, and other stakeholders, reducing misunderstandings and misalignments.
- Scalability: As products evolve, design systems allow for easy updates and scalability. Changes made to components can be reflected across all products, ensuring consistency.
- Quality Control: A design system simplifies the review process by providing clear guidelines and standards, making it easier to identify inconsistencies and maintain high-quality design.
### Self Update
```
ncu -u
```
### Yarn Update
```
yarn set version latest
```
### Installation
```sh
yarn install
```
### Development
```sh
yarn start
```
### Production
```sh
yarn build
```
### Deploy to gh-pages
```sh
yarn deploy
```
### NPM packages release
```sh
yarn changeset
yarn release
```
### GIT tags
```sh
git log --pretty=oneline
```
# Let's connect!
[](https://najwer23.github.io/)
[](https://najwer23.github.io/resume/)
[](https://twitter.com/najwer23)
[](https://www.linkedin.com/in/najwer23)
[](https://leetcode.com/najwer23/)
[](https://www.npmjs.com/~najwer23)