NEW BOT Телеграм, страница

Библиотека мобильного разработчика | Android, iOS, Swift, Retrofit, Moshi, Chuck

🧠 Готовишься к собесам, а ноутбук еле тянет IDE?

Самое время прокачать скиллы и апгрейднуть железо!

Proglib Academy разыгрывает MacBook Pro 14 (M3 Pro, 36 GB, 1 TB SSD) 💻

Купи любой наш курс до 15 ноября → пройди 2 недели обучения → напиши куратору #розыгрыш. Всё, ты в игре!

📚 Среди курсов:

▫️ Алгоритмы и структуры данных — топ для подготовки к собесам в Яндекс и FAANG.

▫️ Архитектуры и шаблоны проектирования — чтобы думать как senior.

▫️ Python, математика для DS, основы IT и другие направления.

👉 Принять участие

789 views09:00

Библиотека мобильного разработчика | Android, iOS, Swift, Retrofit, Moshi, Chuck

🎮 «Чистая» структура View-компонентов в SwiftUI

В проектах на SwiftUI тело View может быстро разрастись: десятки вложенных VStack/HStack, логика отображения, стили — всё в одном месте.

Вот три практики, которые помогут сделать код более понятным, гибким и удобным в сопровождении.

1️⃣

Извлечение отдельных View

Если часть интерфейса имеет собственное назначение — вынеси её в отдельный struct-View:

struct ArticleRow: View {
    let article: Article
    var body: some View {
        HStack { … }
    }
}

Затем:

ForEach(articles, id: \.url) { article in
    ArticleRow(article: article)
}

Это делает главный View более “обзорным” и облегчает повторное использование.

2️⃣

Использование ViewModifiers для стилей

Когда видишь дублирования стилей, вынеси их:

struct CardStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .padding()
            .background(Color(.secondarySystemBackground))
            .cornerRadius(8)
    }
}
extension View {
    func cardStyle() -> some View {
        modifier(CardStyle())
    }
}

Теперь:

ArticleRow(article: article)
    .cardStyle()

Так ты централизуешь “язык дизайна” и можешь менять стиль в одном месте.

3️⃣

Создание универсальных расширений для просмотра

Если повторяются шаблоны (например, “заголовок секции”), можно сделать расширение:

extension View {
    func sectionHeader(_ noscript: String) -> some View {
        VStack(alignment: .leading, spacing: 4) {
            Text(noscript)
                .font(.noscript3)
                .bold()
            self
        }
    }
}

Пример:

VStack {
    ForEach(articles, id: \.url) { article in
        ArticleRow(article: article)
    }
}
.sectionHeader("Articles")

Такие расширения уменьшают вложенность и делают код декларативнее.

📌

Практическое руководство по созданию хорошей архитектуры SwiftUI

Если вы не уверены, стоит ли что-то извлекать, спросите:

Есть ли у этого элемента пользовательского интерфейса чёткое назначение и возможность повторного использования?

🔘 Если да → создайте новый View или ViewModifier.

🔘 Если нет → оставьте его локальным или используйте вычисляемое свойство.

Цель состоит не в том, чтобы сократить количество строк кода, а в том, чтобы повысить ясность и возможность повторного использования для улучшения архитектуры SwiftUI.

🐸 Библиотека мобильного разработчика

#АрхитектурныйКод #SeniorView #Swift

Please open Telegram to view this post