Ostatnie wiadomości

Strony1 2 3 ... 7
#1
Inne / Odp: Kolekcje i Struktury Dany...
Ostatnia wiadomość przez PerdeninArdindakiler - Kwi 08, 2026, 01:18 PM
Łatwo było mi to zrozumieć. Podziękowanie.
#2
Inne / Kolekcje i Struktury Danych w ...
Ostatnia wiadomość przez TehekCom - Mar 19, 2026, 10:37 AM
Kolekcje w Kotlinie to jedne z najpotężniejszych narzędzi języka do efektywnego przechowywania, przetwarzania i transformacji danych. Kotlin wprowadza wyraźne rozróżnienie między kolekcjami immutable (niezmiennymi) i mutable (zmiennymi), zapewniając zarówno bezpieczeństwo, jak i elastyczność. Standardowa biblioteka w pakiecie kotlin.collections oferuje List, Set i Map, które mają krótszy i bardziej funkcjonalny interfejs API niż kolekcje Javy – szczególnie w połączeniu z lambdami i funkcjami rozszerzającymi stają się bardzo potężne. W 2026 roku te struktury są intensywnie używane w Androidzie (adaptery RecyclerView, zapytania bazy danych Room), backendzie (odpowiedzi Ktor/Spring Boot) oraz projektach Kotlin Multiplatform (wspólna logika biznesowa).

W Google wyszukiwania takie jak "Kotlin list", "Kotlin map", "Kotlin mutableListOf", "Kotlin collections" mają jeden z najwyższych wolumenów wśród tematów Kotlina w Polsce i na świecie. Dobre zrozumienie kolekcji poprawia wydajność kodu (na przykład Set z kontrolą członkostwa O(1)), zmniejsza błędy (preferując immutable dla thread-safety) i ułatwia transformacje w stylu programowania funkcjonalnego.

Dlaczego Warto Uczyć Się Kolekcji? (Perspektywa 2026)
  • Bezpieczeństwo: Kolekcje immutable są domyślne – chronią integralność danych, zwłaszcza w projektach multi-thread lub multiplatform.
  • Zwięzłość:listOf(), mapOf(), setOf() do tworzenia w jednej linii; map/filter/reduce do łańcuchowych operacji.
  • Wydajność: Kolekcje Kotlina są kompatybilne z Javą, ale inteligentniejsze (leniwe sekwencje, optymalizacje tablic).
  • Zastosowania w świecie rzeczywistym: Odpowiedzi API (JSON → List<DataClass>), wyniki bazy danych (Room → Flow<List<Entity>>), stan UI (Compose → mutableStateListOf).
  • Zaleta multiplatform: Ten sam kod kolekcji działa na Androidzie, iOS i backendzie.

1. List (Lista) - Kolekcja Uporządkowana
Listy to najczęściej używane struktury. Są uporządkowane, pozwalają na duplikaty elementów, dostęp po indeksie.

Kod [Zaznacz]
// Immutable List (zalecana - bezpieczna)
val owoce = listOf("jabłko", "gruszka", "wiśnia", "jabłko") // duplikaty dozwolone
println(owoce[1]) // gruszka
println(owoce.size) // 4
println(owoce.indexOf("wiśnia")) // 2
println(owoce.contains("banan")) // false

// Mutable List
val mutableOwoce = mutableListOf("banan", "winogrono")
mutableOwoce.add("pomarańcza") // dodaj na końcu
mutableOwoce.add(1, "kiwi") // dodaj na indeksie
mutableOwoce.remove("banan") // usuń wartość
mutableOwoce[0] = "ananas" // zmień
println(mutableOwoce) // [ananas, kiwi, winogrono, pomarańcza]

// Slicing i subList
println(owoce.subList(1, 3)) // [gruszka, wiśnia]

// Powszechne transformacje (styl funkcjonalny)
val duzeLitery = owoce.map { it.uppercase() } // wszystkie wielkimi literami
val dlugieZnaki = owoce.filter { it.length > 5 } // filtruj
val posortowane = owoce.sorted() // alfabetycznie
val sumaDlugosci = owoce.fold(0) { acc, owoc -> acc + owoc.length } // suma długości
println(duzeLitery) // [JABŁKO, GRUSZKA, WIŚNIA, JABŁKO]
Optymalizacja ArrayList: mutableListOf() używa w tle ArrayList – szybkie dla dużych danych.

2. Set (Zbiór) - Kolekcja Bez Duplikatów
Sety są nieuporządkowane, nie pozwalają na duplikaty elementów, kontrola członkostwa jest bardzo szybka (oparta na HashSet).

Kod [Zaznacz]
// Immutable Set
val unikalne = setOf(1, 2, 2, 3, 4) // 2 duplikat, zostaje jeden
println(unikalne) // [1, 2, 3, 4]

// Mutable Set
val mutableSet = mutableSetOf("czerwony", "zielony")
mutableSet.add("niebieski")
mutableSet.add("zielony") // nie doda
mutableSet.remove("czerwony")

// Operacje na zbiorach
val set1 = setOf(1, 2, 3)
val set2 = setOf(3, 4, 5)
println(set1 union set2) // [1, 2, 3, 4, 5]
println(set1 intersect set2) // [3]
println(set1 - set2) // [1, 2] (różnica)

// Członkostwo (bardzo szybkie)
println(3 in set1) // true
Dla LinkedHashSet i SortedSet: linkedSetOf(), sortedSetOf().

3. Map (Słownik) - Pary Klucz-Wartość
Mapy przechowują pary klucz-wartość, klucze są unikalne.

Kod [Zaznacz]
// Immutable Map
val osoba = mapOf("imie" to "Mehmet", "wiek" to 35, "miasto" to "Ankara")
println(osoba["imie"]) // Mehmet
println(osoba.keys) // [imie, wiek, miasto]
println(osoba.values) // [Mehmet, 35, Ankara]
println(osoba.entries) // pary klucz-wartość

// Mutable Map
val mutableMap = mutableMapOf("pensja" to 5000)
mutableMap["departament"] = "IT" // dodaj/aktualizuj
mutableMap += "bonus" to 1000 // operator +
mutableMap -= "pensja" // usuń

// Bezpieczny dostęp
println(osoba.getOrDefault("email", "Brak")) // Brak

// Transformacje
val imionaDuze = osoba.mapKeys { it.key.uppercase() }
val wiekZwiekszony = osoba.mapValues { if (it.key == "wiek") it.value + 1 else it.value }

// Zagnieżdżona Map
val firma = mutableMapOf(
    "pracownik1" to mapOf("imie" to "Ayşe", "pensja" to 6000),
    "pracownik2" to mapOf("imie" to "Ali", "pensja" to 7000)
)
println(firma["pracownik1"]?.get("pensja")) // 6000
Dla LinkedHashMap i SortedMap: linkedMapOf(), sortedMapOf().

Porównanie cech:
  • Uporządkowana: List - Tak; Set - Nie (LinkedHashSet tak); Map - Nie (LinkedHashMap tak).
  • Duplikaty elementów: List - Tak; Set - Nie; Map - Klucze nie.
  • Zmienna: List - mutableListOf; Set - mutableSetOf; Map - mutableMapOf.
  • Domyślna (Immutable): List - listOf; Set - setOf; Map - mapOf.
  • Dostęp: List - Indeks; Set - Członkostwo (in); Map - Klucz.
  • Wydajność (Wyszukiwanie): List - O(n); Set - O(1) średnio; Map - O(1) średnio.

Zaawansowane Zastosowania i Wskazówki
• Sequence (Leniwa Ewaluacja): Przyjazna dla pamięci w dużych danych.

Kod [Zaznacz]
val lazySeq = generateSequence(1) { it + 1 }.take(1000000).filter { it % 2 == 0 }
println(lazySeq.sum()) // Oblicza tylko gdy potrzebne
• Destructuring: Dla entries Map.

Kod [Zaznacz]
for ((klucz, wartosc) in osoba) {
    println("$klucz: $wartosc")
}
• Specjalne dla Android/Compose: mutableStateListOf(), snapshotFlow dla reaktywnego UI.
• Multiplatform: Expect/actual dla specyficznych dla platformy kolekcji (np. Array w JS).

Wniosek i Praktyczne Sugestie
Kolekcje ujawniają funkcjonalną moc Kotlina – preferuj immutable, mutable tylko gdy konieczne. Zły wybór traci wydajność, dobry czyni profesjonalnym.

Praktyka:
  • Aplikacja koszyka zakupowego: mutableListOf<Produkt>, Map<String, Int> (produkt → ilość).
  • Licznik unikalnych słów: Set<String> do analizy tekstu.
  • Przykład parsowania JSON: Gson/Moshi do List<DataClass>.
  • Źródła: Dokumentacja Kotlin (collections), książka "Atomic Kotlin".

Ten przewodnik pozwoli ci w pełni opanować kolekcje. W rzeczywistych projektach (przetwarzanie odpowiedzi API, zapytania bazy danych) te struktury dadzą ci dużą przewagę. Dla przykładowego projektu lub konkretnej kolekcji zostaw komentarz! Powodzenia w aplikacjach Kotlina w 2026.
#3
Inne / Swift z iOS 19 w (2026) Vision...
Ostatnia wiadomość przez TehekCom - Mar 02, 2026, 10:55 AM
Wstęp
VisionOS 2 wraz z iOS 19, ARKit 8, RealityKit 2 i Entity Component System (ECS) stały się jeszcze silniejsze. W 2026 roku aplikacje spatial nie służą już tylko do gier; są używane w edukacji, designie, handlu detalicznym i produktywności.
W tym przewodniku stworzymy od zera Aplikację do Wirtualnego Umieszczania Mebli (AR Furniture Placement):
  • Umieszczanie mebli w rzeczywistym pokoju (wykrywanie płaszczyzn + raycasting)
  • Ładowanie modeli 3D w formacie USDZ
  • Interakcja użytkownika (przeciąganie, obracanie, skalowanie)
  • ImmersiveSpace (tryb pełnoekranowy VR)
  • Integracja SwiftUI + RealityKit + ARKit
  • Czysta architektura z Entity Component System

Wymagania
Xcode 17+ (VisionOS SDK), symulator Vision Pro lub urządzenie
Nowy projekt → Aplikacja VisionOS (z opcją Immersive Space)

1. Struktura Projektu

CytatFurnitureAR/
├── Models/
│  └── FurnitureEntity.swift
├── Views/
│  ├── ContentView.swift
│  ├── PlacementView.swift
│  └── ImmersiveView.swift
├── Components/
│  └── FurnitureComponent.swift
└── FurnitureARApp.swift

2. Entity i Component w RealityKit
Models/FurnitureEntity.swift

Kod [Zaznacz]
import RealityKit
import SwiftUI

struct FurnitureEntity: Entity, HasModel, HasAnchoring {
    var model: ModelComponent?

    init(usdzName: String) {
        super.init()

        guard let modelURL = Bundle.main.url(forResource: usdzName, withExtension: "usdz") else {
            fatalError("Plik USDZ nie znaleziony: \(usdzName)")
        }

        do {
            let model = try ModelEntity.loadModel(contentsOf: modelURL)
            model.generateCollisionShapes(recursive: true)
            model.components.set(CollisionComponent(shapes: [.generateBox(size: 1.0)]))
            model.components.set(InputTargetComponent())

            self.addChild(model)
            self.model = model.components[ModelComponent.self]

        } catch {
            print("Błąd ładowania modelu: \(error)")
        }
    }

    @MainActor required init() {
        fatalError("init() has not been implemented")
    }
}
3. Widok Umieszczania (SwiftUI + ARView)
Views/PlacementView.swift
Kod [Zaznacz]
import SwiftUI
import RealityKit
import ARKit

struct PlacementView: View {
    @State private var arView = ARView(frame: .zero)
    @State private var selectedFurniture: String? = nil
    @State private var placedEntities: [Entity] = []

    var body: some View {
        ZStack {
            ARViewContainer(arView: $arView, placedEntities: $placedEntities)
                .ignoresSafeArea()

            VStack {
                Spacer()
                HStack(spacing: 20) {
                    ForEach(["sofa", "stół", "lampa"], id: \.self) { item in
                        Button {
                            selectedFurniture = item
                        } label: {
                            Text(item.capitalized)
                                .padding()
                                .background(Color.blue.opacity(0.8))
                                .clipShape(Capsule())
                        }
                    }
                }
            }
            .padding(.bottom, 40)
        }
        .onAppear {
            setupAR()
        }
        .gesture(
            DragGesture()
                .targetedToAnyEntity()
                .onChanged { value in
                    value.entity.position = value.convert(value.location3D, from: .local, to: .scene)
                }
        )
        .gesture(
            TapGesture()
                .targetedToAnyEntity()
                .onEnded { value in
                    if let furniture = selectedFurniture {
                        let newEntity = FurnitureEntity(usdzName: furniture)
                        newEntity.position = value.convert(value.location3D, from: .local, to: .scene)
                        arView.scene.addAnchor(newEntity)
                        placedEntities.append(newEntity)
                        selectedFurniture = nil
                    }
                }
        )
    }

    func setupAR() {
        let config = ARWorldTrackingConfiguration()
        config.planeDetection = [.horizontal, .vertical]
        config.environmentTexturing = .automatic
        arView.session.run(config)

        // Wizualizacja płaszczyzn
        arView.debugOptions = [.showFeaturePoints, .showAnchorOrigins]
    }
}

struct ARViewContainer: UIViewRepresentable {
    @Binding var arView: ARView
    @Binding var placedEntities: [Entity]

    func makeUIView(context: Context) -> ARView {
        return arView
    }

    func updateUIView(_ uiView: ARView, context: Context) {}
}
4. Immersive Space (Pełny Tryb VR)
Dodaj ImmersiveSpace w FurnitureARApp.swift:
Kod [Zaznacz]
import SwiftUI
import RealityKit

@main
struct FurnitureARApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }

        ImmersiveSpace(id: "ImmersiveFurniture") {
            ImmersiveView()
        }
        .immersionStyle(selection: .constant(.mixed), in: .mixed)
    }
}

struct ContentView: View {
    @Environment(\.openImmersiveSpace) var openImmersiveSpace

    var body: some View {
        VStack(spacing: 40) {
            Text("Wirtualne Umieszczanie Mebli")
                .font(.largeTitle)

            Button("Rozpocznij w Trybie Immersyjnym") {
                Task {
                    await openImmersiveSpace(id: "ImmersiveFurniture")
                }
            }
            .buttonStyle(.borderedProminent)
        }
    }
}

struct ImmersiveView: View {
    var body: some View {
        RealityView { content in
            // Tutaj możesz dodać środowisko 360° lub dodatkowe entity
            if let skybox = try? EnvironmentResource.load(named: "skybox") {
                content.environment = skybox
            }

            // Przykładowy anchor
            let anchor = AnchorEntity(world: [0, 0, -3])
            anchor.addChild(FurnitureEntity(usdzName: "sofa"))
            content.add(anchor)
        }
    }
}
5. Dodawanie Modeli USDZ
Xcode → Assets → + → Add Files → Przeciągnij pliki .usdz (na przykład przykładowe modele Apple lub własne eksportowane z Blendera).
Przykładowe źródła: Apple AR Quick Look Gallery lub darmowe modele USDZ z Sketchfab.

6. Zaawansowane Funkcje (2026)
  • Śledzenie rąk z gestem pinch (chwyć i puść Entity)
  • Dodawanie audio przestrzennego (AudioPlaybackComponent)
  • Okno wolumetryczne (WindowGroup + volumetric)
  • SharePlay dla wieloużytkownikowego AR
  • Projektowanie scen z Reality Composer Pro
#4
Flutter / Podstawy Widgetów w Flutterze:...
Ostatnia wiadomość przez TehekCom - Gru 23, 2025, 09:54 AM
Flutter to otwartoźródłowy framework UI rozwijany przez Google, który umożliwia tworzenie aplikacji na Androida, iOS, web i desktop z jednej bazy kodu. Najbardziej podstawowym elementem Fluttera są widgety. Wszystko jest widgetem: przyciski, teksty, układy, a nawet sama aplikacja. W tym artykule szczegółowo omówimy dwa najczęściej używane typy widgetów w Flutterze – StatelessWidget i StatefulWidget – oraz wyjaśnimy ich różnice na przykładach.

Czym jest widget?
W Flutterze widgety to bloki budulcowe interfejsu użytkownika. Są one niezmienne (immutable), co oznacza, że przy każdej zmianie tworzony jest nowy widget. Widgety tworzą strukturę drzewiastą (tree), która jest efektywnie odświeżana (rebuild) w razie potrzeby, zapewniając wysoką wydajność.

StatelessWidget
StatelessWidget to widgety bez stanu (state), czyli takie, które nie zmieniają się w czasie. Renderują się wyłącznie na podstawie otrzymanych danych (parametrów).

Kiedy używać?
Do stałych treści: logo, nagłówki, ikony, stałe teksty.
Przykład: Prosta aplikacja "Witaj Świecie".
Ten widget nigdy się nie zmienia. Nawet przy ponownym renderowaniu wygląda tak samo.

StatefulWidget
StatefulWidget to widgety posiadające stan, który może się zmieniać w czasie. Zawierają obiekt State, a gdy stan się zmieni, widget jest odświeżany.
Kiedy używać?
Do interakcji użytkownika, animacji, wejść formularzy, liczników i innych zmieniających się danych.
Przykład: Prosta aplikacja z licznikiem.

Kod [Zaznacz]
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int sayac = 0;

  void arttir() {
    setState(() {
      sayac++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text("Stateful Przykład")),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                "Licznik: $sayac",
                style: const TextStyle(fontSize: 32),
              ),
              ElevatedButton(
                onPressed: arttir,
                child: const Text("Zwiększ"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}


Tutaj wywołanie setState() aktualizuje stan i powoduje odświeżenie drzewa widgetów.
Stateless vs Stateful: Porównanie
  • Cecha: Stan (State). StatelessWidget: Brak. StatefulWidget: Obecny.
  • Cecha: Zmienność. StatelessWidget: Niezmienny (immutable). StatefulWidget: Może się zmieniać w czasie.
  • Cecha: Odświeżanie. StatelessWidget: Tylko gdy zmieni się rodzic. StatefulWidget: Przy wywołaniu setState().
  • Cecha: Wydajność. StatelessWidget: Szybszy (lekki). StatefulWidget: Nieco cięższy (zarządzanie stanem).
  • Cecha: Przykłady użycia. StatelessWidget: Stały tekst, ikona, obraz. StatefulWidget: Formularz, animacja, licznik, aktualizacja listy.
  • Cecha: Tworzenie. StatelessWidget: Jedna klasa (metoda build). StatefulWidget: Dwie klasy (widget + state).

Najlepsze praktyki
  • Używaj StatelessWidget jak najczęściej (dla wydajności).
  • Zarządzaj stanem tylko wtedy, gdy jest to konieczne. Unikaj niepotrzebnego tworzenia stanów.
  • W bardziej złożonych aplikacjach używaj rozwiązań do zarządzania stanem, takich jak Provider, Riverpod czy Bloc.
  • Trzymaj widgety małe i wielokrotnego użytku.

Wniosek
Zrozumienie różnic między widgetami Stateless i Stateful w Flutterze pozwala na podejmowanie właściwych decyzji architektonicznych. W początkowych projektach zacznij od Stateless, a gdy potrzeba zmian, przejdź do Stateful. Ta podstawowa wiedza pomoże ci tworzyć solidne i wydajne aplikacje.

Aby poćwiczyć, spróbuj napisać prostą aplikację z listą TODO!
Czekam na Twoje pytania w komentarzach.
#5
Inne / Konfigurowanie projektu React ...
Ostatnia wiadomość przez TehekCom - Gru 12, 2025, 12:04 PM
W 2025 roku nikt już nie używa create-react-app. Konfigurowanie projektu React z Vite 5 + React 19 + TypeScript

1. Instalacja projektu (najszybsze polecenie 2025)
Kod [Zaznacz]
npm create vite@latest my-react-app-2025 -- --template react-ts
cd my-react-app-2025
npm install
npm install -D prettier prettier-plugin-react prettier-plugin-react-hooks prettier-config-prettier prettier-plugin-prettier prettier tailwindcss postcss autoprefixer
npx tailwindcss init -p
2. Najlepsze ustawienia Tailwind CSS 2025 (tailwind.config.js)

Kod [Zaznacz]
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "index.html",
    "src/**/*.js,ts,jsx,tsx",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      colors: {
        primary: {
          500: '#6366f1',
          600: '#4f46e5',
        },
      },
    },
  },
  plugins: [],
}
3. Najlepsze ustawienia ESLint + Prettier 2025 (.eslintrc.cjs)

Kod [Zaznacz]
module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: [
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:react-hooks/recommended',
    'prettier'
  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
  },
  plugins: ['react', '@typescript-eslint', 'prettier'],
  rules: {
    'react/react-in-jsx-scope': 'off',
    'react/prop-types': 'off',
    '@typescript-eslint/no-unused-vars': 'error',
    '@typescript-eslint/no-explicit-any': 'warn',
    'prettier/prettier': 'error',
    'no-console': 'warn',
  },
  settings: {
    react: {
      version: 'detect',
    },
  },
};
4. Ustawienia Prettier (.prettierrc)

Kod [Zaznacz]
{
  "semi": true,
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "bracketSpacing": true,
  "arrowParens": "avoid"
}

5. Najlepsze ustawienia VS Code (.vscode/settings.json)

Kod [Zaznacz]
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"]
}

6. Użycie aliasów (tsconfig.json)

Kod [Zaznacz]
{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

7. vite.config.ts (najlepsze ustawienia 2025)

Kod [Zaznacz]
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 3000,
    open: true,
  },
})

8. Przykładowy czysty komponent (src/components/Button.tsx)

Kod [Zaznacz]
import { ButtonHTMLAttributes, ReactNode } from 'react';
import { cn } from '@utils/cn';

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  children: ReactNode;
  variant?: 'primary' | 'secondary' | 'ghost';
}

export default function Button({
  children,
  variant = 'primary',
  className,
  ...props
}: ButtonProps) {
  return (
    <button
      className={cn(
        'px-6 py-3 rounded-lg font-medium transition-all',
        variant === 'primary' && 'bg-primary-600 text-white hover:bg-primary-700',
        variant === 'secondary' && 'bg-gray-200 text-gray-900 hover:bg-gray-300',
        variant === 'ghost' && 'text-primary-600 hover:bg-primary-50',
        className
      )}
      {...props}
    >
      {children}
    </button>
  );
}

9. Funkcja pomocnicza (src/utils/cn.ts)

Kod [Zaznacz]
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: any[]) {
  return twMerge(clsx(inputs));
}
Wynik – Standard Frontend w Turcji 2025

Z tymi ustawieniami:
• Czas budowania 10 razy szybszy
• Jakość kodu 100% spójna
• Praca zespołowa bezproblemowa
• Tailwind + TypeScript w pełni kompatybilne
• Lighthouse 100/100 gwarantowane

Pełne repozytorium szablonu (w działającym stanie):
https://github.com/kullanicin/vite-react-ts-2025-template

Demo na żywo:
https://vite-react-2025-template.netlify.app
#6
Flutter / Metody Statyczne w Flutterze: ...
Ostatnia wiadomość przez TehekCom - Kwi 15, 2025, 12:46 PM

Metody statyczne w Flutterze (i języku Dart) to funkcje, które można wywołać bezpośrednio na poziomie klasy, bez konieczności tworzenia instancji obiektu. Są one niezwykle przydatne w zarządzaniu pamięcią i organizacji kodu. W tym artykule wyjaśnimy, czym są metody statyczne, jak ich używać oraz dlaczego są ważne w projektach Flutter. Dodatkowo dołączymy przykłady kodu oraz sekcję FAQ.
Czym Jest Metoda Statyczna?
W języku Dart, gdy metoda jest oznaczona słowem kluczowym static, można ją wywołać bez tworzenia instancji klasy. Metody statyczne są często wykorzystywane do funkcji pomocniczych (utility), stałych wartości lub operacji na poziomie klasy. Ważną cechą metod statycznych jest to, że nie mają one dostępu do niestatycznych pól i metod klasy, ponieważ nie są powiązane z konkretnym obiektem.
Jak Używać Metod Statycznych w Flutterze?
Metody statyczne definiuje się za pomocą słowa kluczowego static przed nazwą metody w klasie. Poniżej przedstawiamy podstawowy przykład:
Kod [Zaznacz]
class Matematyka {
  static int dodaj(int a, int b) {
    return a + b;
  }
}
void main() {
  // Wywołanie metody statycznej bez tworzenia obiektu
  int wynik = Matematyka.dodaj(5, 3);
  print('Wynik: $wynik'); // Wynik: 8
}
W powyższym przykładzie metoda dodaj jest statyczna, więc możemy ją wywołać bezpośrednio, używając nazwy klasy Matematyka.
Praktyczne Zastosowania Metod Statycznych
Metody statyczne znajdują zastosowanie w wielu scenariuszach w aplikacjach Flutter. Oto kilka przykładów:
  • Funkcje Pomocnicze (Utility Functions): Metody statyczne są idealne do przechowywania funkcji, które wykonują ogólne operacje, takie jak formatowanie danych czy obliczenia.
  • Stałe i Konfiguracje: Statyczne pola i metody mogą przechowywać globalne ustawienia lub stałe wartości używane w całej aplikacji.
  • Zarządzanie Stanem: W niektórych przypadkach metody statyczne mogą być używane do zarządzania globalnym stanem aplikacji, choć należy to robić ostrożnie.

Przykład: Formatowanie Tekstu
Poniżej znajduje się przykład klasy z metodą statyczną do formatowania tekstu:
Kod [Zaznacz]
class FormatowanieTekstu {
  static String doTytulu(String tekst) {
    if (tekst.isEmpty) return tekst;
    return tekst[0].toUpperCase() + tekst.substring(1).toLowerCase();
  }
}
void main() {
  String tekst = FormatowanieTekstu.doTytulu('flutter jest super');
  print(tekst); // Wynik: Flutter jest super
}
W tym przykładzie metoda doTytulu konwertuje pierwszą literę ciągu znaków na wielką, a resztę na małe litery.
Metody Statyczne w Widgetach Flutter
Metody statyczne mogą być również używane w kontekście widgetów Flutter. Na przykład, możemy stworzyć klasę z metodą statyczną do generowania predefiniowanych stylów dla aplikacji:
Kod [Zaznacz]
import 'package:flutter/material.dart';
class StyleApp {
  static TextStyle naglowekStyl() {
    return TextStyle(
      fontSize: 24,
      fontWeight: FontWeight.bold,
      color: Colors.blue,
    );
  }
}
class MojWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text(
      'Witaj w Flutterze!',
      style: StyleApp.naglowekStyl(),
    );
  }
}
W tym przypadku metoda statyczna naglowekStyl zwraca predefiniowany styl tekstu, który można łatwo wykorzystać w różnych miejscach aplikacji.
Zalety i Ograniczenia Metod Statycznych
Zalety:
  • Łatwość użycia: Nie wymagają tworzenia instancji klasy.
  • Efektywność pamięci: Ponieważ nie są powiązane z obiektami, nie zajmują dodatkowej pamięci dla każdej instancji.
  • Organizacja kodu: Umożliwiają grupowanie powiązanych funkcji w jednej klasie.

Ograniczenia:
  • Brak dostępu do niestatycznych pól: Metody statyczne nie mogą korzystać z danych specyficznych dla instancji.
  • Nadmierne użycie: Zbyt częste stosowanie metod statycznych może prowadzić do trudności w testowaniu i utrzymaniu kodu.
FAQ – Najczęściej Zadawane Pytania
1. Czym różni się metoda statyczna od zwykłej metody?
Metoda statyczna jest wywoływana na poziomie klasy, bez potrzeby tworzenia obiektu, podczas gdy zwykła metoda wymaga instancji klasy. Metody statyczne nie mają dostępu do niestatycznych pól i metod.

2. Czy mogę używać metod statycznych w zarządzaniu stanem?
Można, ale należy to robić ostrożnie. Metody statyczne nie są powiązane z cyklem życia widgetów, co może prowadzić do problemów z aktualizacją interfejsu użytkownika. W takich przypadkach lepiej używać np. Provider lub Riverpod.

3. Czy metody statyczne są szybsze?
Nie zawsze. Ich wydajność zależy od tego, co robią. Jednak brak konieczności tworzenia instancji może nieznacznie zmniejszyć zużycie pamięci.

4. Jak testować metody statyczne?
Metody statyczne można testować podobnie jak zwykłe funkcje, wywołując je bezpośrednio w testach jednostkowych. Przykładowy test:
Kod [Zaznacz]
import 'package:test/test.dart';
import 'main.dart';
void main() {
  test('Test formatowania tekstu', () {
    expect(FormatowanieTekstu.doTytulu('test'), equals('Test'));
    expect(FormatowanieTekstu.doTytulu(''), equals(''));
  });
}
5. Czy mogę nadpisać metodę statyczną w podklasie?
Nie, metody statyczne nie podlegają dziedziczeniu ani nadpisywaniu, ponieważ są powiązane z klasą, a nie z instancją.
Podsumowanie
Metody statyczne w Flutterze to potężne narzędzie do tworzenia zorganizowanego i efektywnego kodu. Są szczególnie przydatne w przypadku funkcji pomocniczych, konfiguracji stylów czy operacji niezależnych od instancji klasy. Jednak należy używać ich z umiarem, aby uniknąć problemów z testowalnością i zarządzaniem stanem. Mamy nadzieję, że przedstawione przykłady i odpowiedzi na najczęściej zadawane pytania pomogą Ci lepiej zrozumieć i wykorzystać metody statyczne w Twoich projektach Flutter!
#7
Inne / Zagnieżdżona lista w Pythonie ...
Ostatnia wiadomość przez TehekCom - Paź 08, 2024, 11:31 AM
#8
CSS / CSS: Powtórzenie tła i pozycja...
Ostatnia wiadomość przez TehekCom - Paź 08, 2024, 11:29 AM
#9
Html / HTML: Blok i Inline (Wykład z ...
Ostatnia wiadomość przez TehekCom - Paź 08, 2024, 11:29 AM
#10
Golang / Moduły w GO (Wykład z narracją...
Ostatnia wiadomość przez TehekCom - Paź 08, 2024, 11:28 AM
Strony1 2 3 ... 7