Cheatsheets Programming Tutorials, Guides & Best Practices

npm install --save-dev @testing-library/react @testing-library/jest-dom

components/
│
├── ui/           # All ShadCN UI components
│   ├── button.tsx
│   ├── card.tsx
│   └── ...
├── shared/       # Your own custom UI components
├── layout/       # Layout wrappers

<!-- Basic columns -->
<div class="col">                                 <!-- Equal width -->
<div class="col-6">                               <!-- 6/12 width -->
<div class="col-auto">                            <!-- Content-width -->

<!-- Responsive columns -->
<div class="col-sm-6">                           <!-- 6/12 on small screens -->
<div class="col-md-4">                           <!-- 4/12 on medium screens -->
<div class="col-lg-3">                           <!-- 3/12 on large screens -->

<!-- Column ordering -->
<div class="order-1">                            <!-- Order first -->
<div class="order-last">                         <!-- Order last -->

<!-- Offset -->
<div class="offset-md-3">                        <!-- Offset by 3 columns -->

<!-- Alignment -->
<div class="align-self-start">
<div class="align-self-center">
<div class="align-self-end">

/* Bootstrap breakpoints */
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;

/* Tailwind default breakpoints */
sm: '640px'
md: '768px'
lg: '1024px'
xl: '1280px'
2xl: '1536px'

my_list = [3, 1, 4, 1, 5, 9]
sorted_list = sorted(my_list)
print(sorted_list)  # Output: [1, 1, 3, 4, 5, 9]

my_list = ["apple", "banana", "cherry"]
print("banana" in my_list)  # Output: True

• To view detailed documentation and all possible commands for dpkg, use the manual page:

  man dpkg

• Website: GeoPattern
• Features:
• Automatically generates beautiful SVG-based patterns.
• Uses text inputs to generate non-repeating designs.
• Great for developers and designers who want to integrate auto-generated patterns programmatically.
• Best For: Developers who want to generate patterns from code or custom text inputs.

• Website: Subtle Patterns
• Features:
• A massive collection of subtle and repeatable background patterns.
• Free to use and download.
• Patterns are perfect for minimalistic and elegant design aesthetics.
• Best For: Web designers looking for ready-to-use, subtle background patterns to enhance user experience without overwhelming the design.