Код в мешке
249 subscribers
9.06K photos
1.6K videos
2.11K files
42.5K links
Код в мешке - про кодинг, и не только...
Это личная записная книжка

https://t.me/joinchat/AAAAAEIy6oGlr8oxqTMS5w
Download Telegram
🔥 Состояние: где оно живёт и почему это важно

Неправильное место для state — это prop drilling через 5 компонентов, лишние рендеры и баги при обновлении страницы.

➡️ Разбираем все типы состояния в одной серии:

— Local state — когда useState достаточно, а когда нет;
— Global state — Context API vs Redux/Zustand;
— Server state — как React Query экономит запросы;
— URL state — недооценённое место для фильтров и шаринга.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ UI Kit с неоморфизмом

Внутри:

— кнопки, инпуты, карточки
— мягкие тени и pressed-эффекты
— состояния hover / active

Подойдет для быстрых прототипов, лендингов и концептов или изучения эффектов и теней в CSS.

🔗 Ссылка на Codepen

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Web Components можно было делать проще — и вот как

Идея Web Components звучит идеально, но в реальности: FOUC, проблемы с SSR и лишний JavaScript. Появился подход — Progressive Web Components:

Сначала рендерится HTML + CSS
Потом подключается JS как улучшение, а не как база

🔜 Что это даёт:

— интерфейс появляется сразу
— меньше layout shift
— проще SSR
— меньше зависимости от JS


📎 В статье показывают, как это реализовать на практике через лёгкую библиотеку (~2.6kB) Если делаете UI или дизайн-системы — стоит посмотреть.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#under_hood #webcomponents
Please open Telegram to view this post
VIEW IN TELEGRAM
🛡️ TypeScript: безопасный доступ к вложенным свойствам

Никаких больше “Cannot read property of undefined”!


// Опасно
const city = user.address.city;
// Ошибка, если address === undefined

// Многословно
const city = user && user.address && user.address.city;

// Безопасно
const city = user?.address?.city ?? 'Не указан’;


Optional chaining (?.)

Возвращает undefined, если слева null или undefined, и не пытается читать свойство дальше.

Nullish coalescing (??)
Возвращает правую часть только если слева null или undefined.

Чем отличается от ||:


const volume = settings.volume ?? 0.5;
// Если volume = 0, вернёт 0 — корректно

const volume = settings.volume || 0.5;
// Если volume = 0, вернёт 0.5 — нежелательное поведение


Где использовать:

— ответы API
— вложенные объекты конфигурации
— поля форм, которые могут отсутствовать
— опциональные коллбэки

🈁 Примеры:


// Массивы
const first = users?.[0]?.name ?? 'Гость';

// Функции
onClick?.();

// Сложные цепочки
const price = product?.variants?.[0]?.price?.amount ?? 0;


📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#hotfix #ts
Please open Telegram to view this post
VIEW IN TELEGRAM
english-for-it-specialists.pdf
187.7 KB
🗂 Английский, который реально нужен в IT

Если вы читаете документацию без переводчика, но на созвоне зависаете на слове deploy — это норм. Проблема не в уровне языка, а в отсутствии рабочей лексики.

Мы нашли файл с базой терминов, которые постоянно встречаются в работе ⚡️

— глаголы: deploy, debug, compile, integrate, upgrade
— действия: install, reboot, restore, verify
— железо: CPU, GPU, SSD, motherboard
— софт: IDE, VCS, runtime, testing, OOP
— сеть: DNS, router, bandwidth, latency


С вас 🎈, если сохранили!

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста
👩‍💻 Напоминаем про наш полный курс «Самоучитель по Go для начинающих»

Мы написали и собрали для вас в одну подборку все 18 частей, подкрепленных практикой.

1. Особенности и сфера применения Go, установка, настройка
2. Ресурсы для изучения Go с нуля
3. Организация кода. Пакеты, импорты, модули. Ввод-вывод текста.
4. Переменные. Типы данных и их преобразования. Основные операторы
5. Условные конструкции if-else и switch-case. Цикл for. Вложенные и бесконечные циклы
6. Функции и аргументы. Области видимости. Рекурсия. Defer
7. Массивы и слайсы. Append и сopy. Пакет slices
8. Строки, руны, байты. Пакет strings. Хеш-таблица (map)
9. Структуры и методы. Интерфейсы. Указатели. Основы ООП
10. Введение в ООП. Наследование, абстракция, полиморфизм, инкапсуляция
11. Обработка ошибок. Паника. Восстановление. Логирование
12. Обобщенное программирование. Дженерики
13. Работа с датой и временем. Пакет time
14. Интерфейсы ввода-вывода. Буферизация. Работа с файлами. Пакеты io, bufio, os
15. Конкурентность. Горутины. Каналы
16. Тестирование кода и его виды. Table-driven подход. Параллельные тесты
17. Основы сетевого программирования. Стек TCP/IP. Сокеты. Пакет net
18. Протокол HTTP. Создание HTTP-сервера и клиента. Пакет net/http

🐸 Библиотека программиста
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста
Мало кто знает, но у нас есть целая подборка списков awesome на GitHub. Остается выбрать свой стек и добавить в закладки 👉 https://t.me/proglibrary/6981

В конце тебя ждет новый репозиторий Awesome local LLM. Внутри всё под ключ — платформы, тулзы, практики и ресурсы, которые помогут локально использовать большие языковые модели 🔥

🐸 Библиотека программиста
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Хабр
«Мой CLAUDE.md — 582 строки. Вот зачем»

Автономная работа ИИ-агентов с кодом часто оборачивается катастрофой. Стёртая production-база, слитые в публичный репозиторий секреты или блокировка сервера из-за десятка бесконтрольных SSH-сессий — типичный итог дефолтных инструкций.

Обычные текстовые правила не спасают от галлюцинаций, требуется детерминированная система. Шестислойная архитектура конфигурации связывает графы памяти, механические Python-хуки для страховки рутины и жёсткие красные линии. Изучим архитектуру безопасного пайплайна, построенного на базе 37 академических концепций.
Claude Code теперь требует паспорт #habr
https://habr.com/ru/news/1024400/
Tags: Claude, Anthropic, верификация, проверка личности, блокировка аккаунта, санкции, неподдерживаемое местоположение, AI-сервисы, доступ из России, безопасность аккаунта
Чем стресс отличается от выгорания: я долго путал их между собой и из-за этого восстанавливался мимо причины #habr
https://habr.com/ru/articles/1024004/
Tags: выгорание, рабочая неделя, нагрузка, тайм-менеджмент, стресс-менеджмент, стресс, стрессоустойчивость, исследования
Author: AlexeyMarketing
Релиз nxs-universal-chart 3.0, инструмента для развёртывания приложений в Kubernetes #opennet
https://www.opennet.ru/opennews/art.shtml?num=65213

Опубликован релиз nxs-universal-chart 3.0, инструментария для развёртывания приложений в Kubernetes. Платформа модульная и работает на базе самостоятельных nuc-* sub-charts, которые публикуются через реестр OCI и подключаются в основной chart-пакет как зависимости под конкретную задачу, что позволяет собирать приложение и нужную ему обвязку в рамках одного Helm-релиза. Поверх основного chart-пакета строятся модули для настройки трафика, мониторинга, AI-инференеса и других инфраструктурных элементов в Kubernetes. Код написан на Go и Python, и распространяется под лицензией Apache 2.0. В работе используются Istio, KServe, KNative и Vault Secret Operator.