Frontend по-флотски 👨‍💻

Description
Новости, идеи и знания из мира разработки интерфейсов

Контакт: @qmzik
Advertising
We recommend to visit
HAYZON
HAYZON
6,053,581 @hayzonn

لا اله الا الله محمد رسول الله

👤 𝐅𝐨𝐮𝐧𝐝𝐞𝐫: @Tg_Syprion
🗓 ᴀᴅᴠᴇʀᴛɪsɪɴɢ: @SEO_Fam
Мои каналы: @mazzafam

Last updated 3 weeks, 1 day ago

Architec.Ton is a ecosystem on the TON chain with non-custodial wallet, swap, apps catalog and launchpad.

Main app: @architec_ton_bot
Our Chat: @architec_ton
EU Channel: @architecton_eu
Twitter: x.com/architec_ton
Support: @architecton_support

Last updated 2 weeks, 2 days ago

Канал для поиска исполнителей для разных задач и организации мини конкурсов

Last updated 1 month ago

hace 1 mes
**Typescript для React** *****👨‍💻*****

Typescript для React *👨‍💻***

В этой статье Jacob Paris рассказал как правильно готовить TypeScript в комбинации с React, а я её перевёл для тебя ❤️

https://habr.com/ru/articles/860418/

hace 1 mes
**Дата-ориентированное программирование, что это и зачем?** …

Дата-ориентированное программирование, что это и зачем? 🥸

На Holy был доклад на эту тему, как раз он меня и замотивировал написать этот пост, так как про этот подход я ничего не знал. Постараюсь описать главные тезисы в этом посте. Также есть книга, которая изображена на картинке, если захочешь стать ДОП-ниндзя 😄

Краткое описание:
Дата-ориентированное программирование (Data-Oriented Programming, DOP) — это подход, при котором вы проектируете приложение вокруг данных, а не вокруг функций или объектов. Основная идея — разрабатывать структуры данных, которые определяют поведение приложения, минимизировать сложность и повысить читаемость кода.

*🔑 *Принципы ДОП:
Иммутабельность данных: Данные не изменяются напрямую, создаются новые версии

Явная структура данных: Используйте простые, плоские структуры, понятные без дополнительных комментариев

Минимизация сложностей: Логика отделяется от данных и максимально упрощается

Разберём пример ООП и ДОП:

ООП подход:

```
class Task {
constructor(
public id: number,
public title: string,
public completed: boolean
) {}

toggle() {
this.completed = !this.completed;
}
}

const task = new Task(1, "Написать статью", false);
task.toggle();
console.log(task.completed); // true
```

ДОП подход:

```
type Task = {
id: number;
title: string;
completed: boolean;
};

const toggleTask = (task: Task): Task => ({
...task,
completed: !task.completed,
});

const task: Task = { id: 1, title: "Написать статью", completed: false };
const updatedTask = toggleTask(task);

console.log(updatedTask.completed); // true
```

*👉 *Что изменилось?

— Данные теперь иммутабельны: task остаётся неизменным
— Логика (функция toggleTask) отделена от данных
— Код проще тестировать и понимать (субъективно)

💬 Что думаешь про этот подход? Применил бы его и в каких случаях?

#dop #cs

hace 1 mes

Хм, за час всего 1 участник, видимо футболка не настолько интересна как я предполагал 😅

Тогда немного поменяю приз: Либо футболка, либо Telegram Premium на 1 год ⭐️ на твой выбор

P.S. участвуем под постом выше ❤️

hace 6 meses, 3 semanas

Закончилась годовая подписка Github Co-pilot, хочу попробовать альтернативу какую-нибудь, кто что посоветует?

Пока что поставил фри версию Tabnine, тыкаюсь ?‍?

We recommend to visit
HAYZON
HAYZON
6,053,581 @hayzonn

لا اله الا الله محمد رسول الله

👤 𝐅𝐨𝐮𝐧𝐝𝐞𝐫: @Tg_Syprion
🗓 ᴀᴅᴠᴇʀᴛɪsɪɴɢ: @SEO_Fam
Мои каналы: @mazzafam

Last updated 3 weeks, 1 day ago

Architec.Ton is a ecosystem on the TON chain with non-custodial wallet, swap, apps catalog and launchpad.

Main app: @architec_ton_bot
Our Chat: @architec_ton
EU Channel: @architecton_eu
Twitter: x.com/architec_ton
Support: @architecton_support

Last updated 2 weeks, 2 days ago

Канал для поиска исполнителей для разных задач и организации мини конкурсов

Last updated 1 month ago