Продолжаю делиться своими находками из React 19, про три важных нововведения: работу с ref, метаданными и обработку ошибок. Эти изменения существенно упрощают разработку и делают код более чистым. Упрощённая передача ref Раньше, чтобы передать ref в компонент, нужно было оборачивать его в forwardRef. Это создавало дополнительный уровень сложности и увеличивало объём кода. В React 19 всё стало гораздо проще — теперь можно передавать ref как обычное свойство! Пример: function CustomButton({ ref }) { return <button ref={ref}>Нажми меня</button>; } // Использование: <CustomButton ref={myButtonRef} />; Теперь не нужно думать о том, как правильно обернуть компонент или следить за тем, чтобы ref был корректно передан. Код стал понятнее и короче. Особенно это полезно для небольших компонентов, где использование forwardRef раньше казалось избыточным. Поддержка метаданных Ещё одно долгожданное изменение — возможность напрямую управлять метатегами (<title>, <meta>, <link>) прямо внутри компонентов. Раньше для этого приходилось использовать сторонние библиотеки, такие как react-helmet. Теперь всё это доступно “из коробки”. Пример: function BlogPost({ post }) { return ( <article> <h1>{post.title}</h1> <title>{post.title}</title> <meta name="description" content={post.summary} /> <meta name="keywords" content={post.tags.join(', ')} /> <p>{post.content}</p> </article> ); } Это особенно удобно для управления SEO-данными. Например, если вы пишете блог или новостной сайт, теперь можно легко динамически обновлять заголовки и метатеги на основе данных, полученных от сервера. Плюс ко всему, это работает быстрее, чем через сторонние решения. Оптимизированная обработка ошибок Ошибки — это неизбежная часть разработки, но React 19 сделал их обработку намного удобнее. Теперь сообщения об ошибках стали более информативными и компактными. Система отображает только одно четкое сообщение, что помогает быстрее находить и исправлять проблемы. Например, раньше при возникновении ошибки могла появиться целая куча текста с трейсами, которые были трудно интерпретировать. Сейчас же вы видите только самое важное: Error: Cannot read properties of undefined (reading 'map') Component: BlogPost Location: src/components/BlogPost.js:25 Это значительно ускоряет процесс отладки, особенно в больших проектах, где раньше приходилось тратить время на анализ огромных логов. Личные впечатления Поработав с этими нововведениями, могу сказать, что они действительно делают жизнь разработчика проще. Вот что мне особенно понравилось: Упрощённая работа с ref: больше никаких лишних обёрток, всё просто и интуитивно. Метаданные: теперь можно забыть про react-helmet и подобные библиотеки. Всё необходимое есть в React. Обработка ошибок: более чёткие сообщения помогают быстрее находить проблемы, а это экономит кучу времени. Если у вас есть опыт использования этих фич или вопросы по ним — пишите в комментариях! Интересно узнать, как эти изменения повлияли на ваши проекты.

Ссылка не работает

При работе с MODX Revolution вы можете столкнуться с ошибкой в консоли админки: 0 is not a valid integer and may not be passed to makeUrl(). Разберемся, как её исправить. Причины возникновения ошибки Ошибка возникает, когда в ссылке указан некорректный ID ресурса. Примеры проблемных вызовов: Ссылка с пустым/нулевым плейсхолдером: <a href="[[~[[+id]]]]">Ссылка</a> Если [[+id]] равен 0 или не определен, MODX не может сгенерировать URL. Прямая ссылка на ID 0: <a href="[[+0]]">Ссылка</a> Ресурс с ID 0 не существует, что вызывает ошибку. Решение: диагностика через модификацию ядра Если проблемный код не удается найти вручную, выполните следующие шаги: 1. Резервная копия Создайте бэкап файла core/model/modx/modx.class.php — мы будем его модифицировать. 2. Добавление трейса ошибки Найдите в файле блок: } else { $this->log(modX::LOG_LEVEL_ERROR, '`' . $id . '` is not a valid integer and may not be passed to makeUrl()'); } return $url; Замените его на: } else { $this->log(modX::LOG_LEVEL_ERROR, '`' . $id . '` is not a valid integer and may not be passed to makeUrl()'); try { throw new Exception('Trace error'); } catch (Exception $e) { $this->log(modX::LOG_LEVEL_ERROR, $e->getTraceAsString()); } } return $url; 3. Провоцируем ошибку Перейдите на страницы сайта, где может возникать ошибка. Затем проверьте логи MODX (Управление → Логи ошибок). Анализ логов В логах появится трейс ошибки, например: [2023-10-05 14:30:00] (ERROR @ /index.php) `[[+id]]` is not a valid integer and may not be passed to makeUrl() [2023-10-05 14:30:00] (ERROR @ /index.php) #0 /site/core/model/modx/modparser.class.php(765): modX->makeUrl('[[+id]]', '', '', -1) #1 /site/core/model/modx/modparser.class.php(385): modLinkTag->process(NULL) #2 /site/core/model/modx/modparser.class.php(164): modParser->processTag(Array, false) #3 /site/core/model/modx/modchunk.class.php(92): modParser->processElementTags('[[$tpl.news]]', '<div>...', false, false, '[[', ']]', Array, 10) #4 /site/core/model/modx/modx.class.php(1558): modChunk->process(Array) #5 /site/assets/components/mypackage/snippet.php(20): modX->getChunk('tpl.news', Array) Важные строки: #3 — указывает на чанк tpl.news, где используется проблемная ссылка. #5 — ссылается на сниппет или компонент, вызвавший ошибку. Исправление кода Откройте указанный в логах чанк/шаблон. Замените некорректные ссылки, например: <!-- Было --> <a href="[[~[[+id]]]]">Подробнее</a> <!-- Стало (проверка на существование ID) --> <a href="[[~[[+id:notempty=`[[+id]]`]]]]">Подробнее</a> Или убедитесь, что плейсхолдер [[+id]] передается корректно. Важно! После исправления ошибок верните исходный код файла modx.class.php, чтобы избежать проблем с обновлениями и производительностью. Если проблема осталась — проверьте все вызовы [[~...]] и работу с ID ресурсов в шаблонах и сниппетах.

[image: 1742381713640-qwe.webp] Roblox — одна из самых популярных платформ для создания игр, где Lua используется для написания игровой логики. В этой статье мы разберем, как создать вашу первую программу: от настройки среды до написания скрипта, который оживит объект в игре. Почему Lua в Roblox? Roblox Studio использует Lua как основной язык для скриптов по нескольким причинам: Простота: Минималистичный синтаксис Lua идеален для новичков. Интеграция: Lua-скрипты управляют объектами, физикой, событиями и интерфейсами в Roblox. Кроссплатформенность: Код работает одинаково на всех устройствах, поддерживаемых Roblox. Шаг 1: Установка Roblox Studio Перейдите на официальный сайт Roblox и зарегистрируйтесь. Скачайте Roblox Studio (бесплатно). Запустите программу и создайте новое место (Create → New Place). Шаг 2: Создание первого скрипта В Roblox Studio добавьте объект: Нажмите + в панели Workspace. Выберите Part (куб) или Model (например, персонажа). Добавьте скрипт: Щелкните правой кнопкой мыши на объекте в Explorer (окно слева). Выберите Insert Object → Script. Шаг 3: Напишите код на Lua Вставьте в скрипт следующий код: local part = script.Parent -- Ссылка на объект, к которому прикреплен скрипт part.Touched:Connect(function(hit) local player = game.Players:GetPlayerFromCharacter(hit.Parent) if player then part.BrickColor = BrickColor.Random() -- Изменение цвета при касании print(player.Name .. " коснулся объекта!") end end) Что делает этот код? При касании объекта (Touched) проверяет, принадлежит ли касание игроку. Меняет цвет объекта на случайный. Выводит сообщение в консоль. Шаг 4: Тестирование скрипта Нажмите Play (зеленая кнопка) в Roblox Studio. Перейдите в режим тестирования и подойдите к объекту. Убедитесь, что цвет изменился, а в консоли (Output ) появилось сообщение. Основы Roblox API: что нужно знать Чтобы писать сложные скрипты, изучите ключевые компоненты: Объекты и свойства Workspace: Корневая папка для всех объектов в игре. Players: Управление игроками и их данными. Properties: Например, Part.Position, Part.Size. События (Events) Touched — срабатывает при касании объекта. MouseButton1Click — клик по GUI-элементу. PlayerAdded — когда игрок заходит в игру. Службы (Services) RunService: Управление игровым циклом (рендеринг, физика). MarketplaceService: Работа с покупками внутри игры. Пример: Движущийся объект Добавьте скрипт, который заставит объект перемещаться: local part = script.Parent while true do part.Position = part.Position + Vector3.new(0, 0.5, 0) -- Движение вверх wait(0.1) -- Пауза в 0.1 секунды end Важно: wait() — обязательная функция для задержки, иначе цикл перегрузит игру. Vector3.new(x, y, z) — задает координаты в 3D-пространстве. Советы для новичков Используйте документацию: Roblox Developer Hub содержит примеры и описание API. Изучайте чужой код: Загляните в скрипты популярных игр Roblox. Пробуйте шаблоны: Roblox Studio предоставляет готовые шаблоны для изучения. Что дальше? Создайте простую игру: лабиринт, кликер или платформер. Добавьте GUI-интерфейс с помощью ScreenGui и TextButton. Изучите работу с DataStore для сохранения прогресса игроков. Первая программа на Lua в Roblox — это всегда эксперимент. Начните с простых скриптов, постепенно осваивая события, физику и многопользовательские функции. Помните: даже популярные игры вроде Adopt Me! или Brookhaven начинались с малого. Удачи в создании вашей первой игры!

Привет! Если вы как и я вечно теряет свои заметки по тем или иным технологиям - возрадуйтесь, вы не одиноки И так, наконец-то у меня дошли руки до написания небольшого гайда по постгресу, потому что я постоянно забываю команды. Короче приступаем! Шаг 1 Так как у меня PG уже установлен эта информация больше тебя тебя читатель: Установка PostgreSQL на Windows Перейдите и скачать на официальный сайт PostgreSQL:https://www.postgresql.org/download/windows/ . Установка PostgreSQL на Linux sudo apt update sudo apt install postgresql postgresql-contrib sudo systemctl start postgresql sudo systemctl status postgresql sudo -u postgres psql Установка PostgreSQL на macOS Скачайте установщик с официального сайта: https://www.postgresql.org/download/macosx/ . Или через brew brew install postgresql brew services start postgresql psql postgres Если все отлично, то переходим к следующему шагу Шаг 2 - Подключение Начнём с малого: откроем терминал и установим соединение с PostgreSQL при помощи клиента psql. Для этого введите в окне терминала команду: psql postgres Оно думаю в любом случае подключится, но теперь нам необходимо создать пользователя, БД и выдать на все это дело права. По этом всего скорее вы увидите ошибку: [image: 1745148173450-893c3a61-0f08-4603-b396-d1533bd0c5b5-image.png] По умолчанию psql может пытаться подключиться к самому PostgreSQL не через пользователя postgres, а через вашего текущего. По этому проверяем: whoami После введенной команды вы увидите какой текущий пользователей. Решение: sudo -u postgres psql долбимся через sudo указывая пользователя напрямую. [image: 1745148441375-86843379-ae91-4459-9b4f-0c1b49a2158b-image.png] И так у нас должно пройти все гладко, и идем дальше Шаг 3 - Создаем пользователя Надеюсь вы вошли и у вас получилось как и у меня зайти под юзером postgres, теперь начнем вводить команды: CREATE USER test PASSWORD '1234'; Еще один важный момент, всегда ставьте точку с запятой после команды иначе ничего не произойдет при нажатии enter. Я вечно забываю про ;. [image: 1745148488941-1f1709c4-0c74-40b4-baca-5f3876e6c902-image.png] Или же можно создать роль (тот же пользователь только круче), если в этом есть необходимость, если нету то забейте и переходите к шагу №4. Если все же интересно, то вот: CREATE ROLE имя_роли WITH LOGIN PASSWORD 'пароль'; Полный пример: CREATE ROLE admin_role WITH LOGIN PASSWORD 'admin_password' SUPERUSER; Здесь можно указать дополнительные атрибуты: LOGIN — разрешает роль подключаться к базе данных. SUPERUSER — предоставляет роль права суперпользователя. CREATEDB — позволяет создавать базы данных. CREATEROLE — позволяет создавать и изменять другие роли. INHERIT — роль наследует права других ролей, к которым она принадлежит. REPLICATION — роль может использоваться для репликации. Я попробовал, и сделал роль admin_role, вводим команду \du и смотрим чего там у нас по пользователям: [image: 1745148941155-16d3df99-9345-4672-99ce-0c96e0d67dbb-image.png] Шаг 4 - Создание баз данных Наконец-то мы добрались до создания самих таблиц, и так наша основная команда CREATE DATABASE, с нее мы и начнем. Пойти можно двумя путями, создать базу и потом присвоить пользователя или сразу все сделать что бы не мучаться. Создаем только базу CREATE DATABASE test Сразу присвоим пользователя: CREATE DATABASE test OWNER test; Лично я сразу делаю пользователя, а то потом еще вспоминай какая там команда для присвоения [image: 1745149370287-141e69e2-babc-4058-84c8-bc9b5b40e1f4-image.png] Вот и все)) Кстати если кому интересно, вот полный синтаксис: CREATE DATABASE имя_базы [WITH [OWNER = имя_владельца] [TEMPLATE = шаблон] [ENCODING = кодировка] [LC_COLLATE = локаль_сортировки] [LC_CTYPE = локаль_типов_символов] [TABLESPACE = табличное_пространство] [ALLOW_CONNECTIONS = true|false] [CONNECTION LIMIT = лимит_подключений]]; Проверить чо у нас там по БД можно командой \l: [image: 1745149485107-9e5b9e19-5adf-4d49-b6b7-0aae13398d10-image.png] Шаг 5 - Привилегии и доступы Ну что приступим к самому важному! После создания БД, привязки владельца через OWNER НЕ ВЫХОДИТЕ И НЕ ПЕРЕКЛЮЧАЙТЕСЬ НА САМУ БД, так как права можно выдать только через супер-пупер пользователя. И так, вот наша первая команда: -- 1. Предоставляем права на базу данных GRANT ALL PRIVILEGES ON DATABASE test TO test; -- 2. Переходим в базу данных \c test -- 3. Предоставляем право использования схемы public GRANT USAGE ON SCHEMA public TO test; -- 4. Предоставляем права на существующие таблицы GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO test; -- 5. Предоставляем права на существующие последовательности GRANT ALL PRIVILEGES ON ALL SEQUENCES IN SCHEMA public TO test; -- 6. Предоставляем права на существующие функции GRANT ALL PRIVILEGES ON ALL FUNCTIONS IN SCHEMA public TO test; -- 7. Назначаем права на будущие таблицы ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON TABLES TO test; -- 8. Назначаем права на будущие последовательности ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON SEQUENCES TO test; -- 9. Назначаем права на будущие функции ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON FUNCTIONS TO test; -- 10. Делаем пользователя владельцем базы данных ALTER DATABASE test OWNER TO test; [image: 1745152041371-8fcecc2d-a829-473f-808b-f45ebd6cccab-image.png] Вот и все, все права выданы, можно приступать к работе с БД. Ну и для проверки закрепим, выйдем из psql и попробуем подключиться к базе при помощи команды: psql -d test -U test -h localhost -W Если все прошло успешно, увидим следующее: [image: 1745150621936-0dc0cd0a-f8c7-4a3e-8910-2e5da28c4d59-image.png] И еще для закрепления! Давайте попробуем создать таблицу (Мы в базе под нужным пользователем) [image: 1745150872948-dde0a37b-07dd-44fe-b504-0493c5bf1c30-image.png] Все работает, красотища то какая! Можно наконец-то брать node или go и бежать писать сервак! Всем спасибо за внимание, если есть вопросы - пишите в комменты.

Я уже довольно давно интересуюсь Linux, и за это время успел попробовать несколько дистрибутивов. Некоторые из них мне понравились, с другими возникли сложности, а про остальные я только читал или слышал от других пользователей. В этой теме я поделюсь своим опытом работы с Ubuntu, Fedora и Kali Linux, а также расскажу о других популярных дистрибутивах, которые пока не пробовал, но планирую. 1. Ubuntu [image: 1740126730830-screenshot-from-2022-04-18-13-05-17-min-min-resized.png] Мой опыт: Ubuntu был первым дистрибутивом, который я установил на свой компьютер. Мне он показался очень удобным для новичков, особенно благодаря простоте установки и большому количеству документации. Я использовал его как основную систему около года, и за это время разобрался с базовыми вещами в Linux. На текущий момент Ubuntu использую под Windows WSL Что понравилось: Простой и понятный интерфейс. Даже если ты раньше никогда не работал с Linux, Ubuntu покажется тебе интуитивным. Большое сообщество. Если что-то не получается, всегда можно найти решение в интернете. Snap-пакеты упрощают установку программ, хотя иногда они работают медленнее, чем традиционные пакеты. Долгосрочные версии (LTS) действительно стабильны. Я использовал LTS-версию, и она отлично работала. Что не понравилось: Иногда обновления могут сломать систему, особенно если ты используешь не-LTS версии. Snap-пакеты иногда занимают много места и работают медленно. Где скачать: https://ubuntu.com/download 2. Fedora [image: 1740126770450-captura_fedora_21_-gnome_shell-min.png] Мой опыт: После Ubuntu я решил попробовать Fedora. Мне было интересно посмотреть, чем она отличается, ведь многие говорят, что это один из самых современных дистрибутивов. Я установил Fedora Workstation с рабочим столом GNOME. Что понравилось: Свежие версии программ. Fedora всегда предлагает последние версии ПО, что мне очень понравилось. Интерфейс GNOME выглядит красиво и современно. Хотя вначале было немного непривычно, но потом я привык. Хорошая производительность. Система работает быстро, даже на не самом мощном железе. Открытость и приверженность свободному ПО. Это вызывает уважение. Что не понравилось: Иногда программы из репозитория могут быть нестабильными, так как они новые. Не все проприетарные драйверы работают “из коробки”. Например, с NVIDIA пришлось повозиться. Где скачать: https://getfedora.org/ 3. Kali Linux [image: 1740126887194-qwe-min.png] Мой опыт: Kali Linux я пробовал исключительно для учебных целей. Я интересуюсь информационной безопасностью, и мне хотелось посмотреть, какие инструменты доступны в этом дистрибутиве. Устанавливал его в VirtualBox, чтобы не трогать основную систему. Что понравилось: Огромное количество предустановленных инструментов для тестирования безопасности. Это действительно удобно, если ты занимаешься этическим хакингом. Частые обновления. Разработчики следят за актуальностью программ. Поддержка различных сред выполнения (Live USB, VirtualBox, VMware). Это позволяет легко экспериментировать. Что не понравилось: Для новичков может быть сложно. Без базовых знаний в области безопасности и Linux здесь делать нечего. Не подходит для повседневного использования. Это специализированный дистрибутив, и использовать его как основную систему нецелесообразно. Где скачать: https://www.kali.org/get-kali/ 4. Debian [image: 1740126905747-74e3ddb8-499e-42ef-8862-eb1493308bb3-image.png] Про Debian я много читал и слышал от других пользователей. Многие говорят, что это один из самых стабильных дистрибутивов, который часто используется на серверах. Также я знаю, что Ubuntu основан на Debian, поэтому они во многом похожи. Особенности: Высокая стабильность. Пакеты тщательно тестируются перед выпуском. Минималистичный подход. Здесь нет лишних “наворотов”, только самое необходимое. Большой выбор пакетов через APT. Можно установить практически любую программу. Подходит для работы как на домашнем компьютере, так и на сервере. Где скачать: https://www.debian.org/distrib/ 5. Linux Mint [image: 1740126945892-0e6425f0-f846-4111-bb3a-702f82e1ee1a-image.png] Linux Mint — это еще один популярный дистрибутив, который часто рекомендуют новичкам. Я читал, что он основан на Ubuntu и предлагает удобный интерфейс, похожий на Windows. Многие пользователи хвалят его за простоту и стабильность. Особенности: Удобный интерфейс Cinnamon, MATE или XFCE. Особенно популярен Cinnamon. Встроенные мультимедийные кодеки и поддержка проприетарного ПО. Не нужно ничего дополнительно устанавливать. Простота установки и настройки. Даже если ты никогда не работал с Linux, разберешься быстро. Хорошо работает даже на старых компьютерах. Где скачать: https://linuxmint.com/download.php 6. Manjaro [image: 1740126979540-mang-min.png] Manjaro — это дистрибутив, основанный на Arch Linux. Я слышал, что он сочетает в себе гибкость Arch и простоту Ubuntu. Многие пользователи хвалят его за удобство и возможность легко настраивать систему. Особенности: Автоматическое обновление ядра и пакетов. Не нужно беспокоиться о совместимости. Есть варианты с разными рабочими столами: XFCE, KDE, GNOME. Большой выбор программ через AUR (Arch User Repository). Простота установки и настройки. Для новичков есть графический установщик. Где скачать: https://manjaro.org/download/ 7. Arch Linux [image: 1740126995895-5f870613-e1db-41cc-bd8b-64bba5d933ed-image.png] Arch Linux — это минималистичный дистрибутив, который предоставляет полный контроль над системой. Я читал, что он больше подходит для опытных пользователей, которые хотят настроить свою систему “под себя”. Пока я не готов к нему, но планирую попробовать позже. Особенности: Rolling-release модель. Обновления выходят постоянно, и тебе не нужно ждать новых версий. Большое сообщество и подробная документация (Arch Wiki). Гибкость и свобода в настройке. Требует ручной установки и конфигурации. Где скачать: https://archlinux.org/download/ Заключение За время работы с Linux я успел попробовать Ubuntu, Fedora и Kali Linux. Каждый из них оставил свои впечатления, и я понял, что выбор дистрибутива зависит от задач, которые ты хочешь решать. Про остальные дистрибутивы я пока только читал или слышал от других пользователей, но планирую их попробовать в будущем. Если ты тоже интересуешься Linux, надеюсь, мой опыт и информация будут полезными. Если у тебя есть вопросы или ты знаешь что-то интересное, пиши в комментариях!

[image: 1741849897969-clon-min-1-resized.png] Когда нужно скопировать сайт, но не хочется тратить неделю на ручную работу Привет, коллеги! Сегодня расскажу о крутой новинке — инструменте Same.dev, который умеет клонировать сайты практически “под корень”. Если вы веб-разработчик, дизайнер или просто любите эксперименты, эта штука точно зацепит. Как это работает? Логика простая: Вбиваете ссылку на нужный сайт. Идёте пить кофе (или даже обедать). Возвращаетесь — клон готов! Но есть нюанс: агент немного переписывает код, чтобы избежать проблем с авторскими правами. То есть, сайт будет похож на оригинал, но не идентичен.

[image: 1740550471843-4b3907df-83e5-4870-867a-6457dc6857ec-image.png]