WebCraft - ремесло веб разработки (Laravel, Vue.js, PHP)

Аргументы метода whereAttachedTo()

Что может принимать метод whereAttachedTo() в качестве аргумента?

Забыли? Вернитесь к посту от 28.04.2025.

👉 @web_craft | #laravel

Как оптимизировать производительность веб-приложений

Медленные сайты раздражают пользователей и вредят бизнесу. В статье рассказывается на что стоит обращать внимание при оптимизации: правильная загрузка шрифтов, эффективная работа с изображениями, минимизация JavaScript и CSS, а также настройка кэширования.

👉 @web_craft | #frontend

А вы кто?

👍 – Сильный.

❤️ – Умный.

👉 @web_craft |#юмор

Формошлёп — сотни хаков для фронтендеров в одном месте

Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.

👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.

Хорошая ли идея менять карьерный трек кардинально?

Многие боятся переходить в IT из других сфер, считая, что уже поздно или сложно. В статье на реальных примерах показано, как люди без технического прошлого успешно начали карьеру в веб-разработке и смежных направлениях.

👉 @web_craft | #собес

Google Keep's to-do list clone

Настраиваемые заметки на HTML, CSS и JS.

👉 @web_craft | #frontend

Вы понимаете регулярки с первого взгляда?

👍 – Только если сам их писал.

❤️ – Что-то на Черном Наречии.

🤔 - Их кто-то понимает?

👉 @web_craft |#юмор

Аутентификация на основе cookies с помощью Laravel Sanctum

Когда нужно настроить аутентификацию в SPA-приложении на Laravel, важно правильно работать с cookies, CORS и CSRF-защитой. В статье рассказывается как использовать Sanctum для безопасной авторизации, на что обратить внимание при интеграции с Postman и фронтендом на Vue 3, и какие ошибки чаще всего мешают всё настроить.

👉 @web_craft | #laravel

Создание потока из данных через ReadableStream.from()

Метод ReadableStream.from() позволяет создавать поток из любого итерируемого объекта. Поток читает элементы последовательно, что полезно для постепенной передачи данных, например, при отправке больших массивов на сервер или генерации динамического ответа на стороне клиента.

Пример отправки большого массива данных в виде потока на сервер:

const data = Array.from({ length: 10000 }, (_, i) => `Строка ${i}`);

const stream = ReadableStream.from(data.map(item => new TextEncoder().encode(item + "\n")));

const response = await fetch("/upload", {
  method: "POST",
  body: stream,
  headers: {
    "Content-Type": "text/plain"
  }
});

Данные не загружаются полностью в память — строки отправляются по частям. Это важно для оптимизации сетевых запросов и уменьшения потребления памяти при работе с большими объёмами данных.

👉 @web_craft | #frontend

Автоматическая подгрузка связей

Метод withRelationshipAutoloading() позволяет точечно включить автоподгрузку отсутствующих связей, даже если в проекте глобально запрещён lazy loading через Model::preventLazyLoading().

// Глобально запрещаем ленивую загрузку
Model::preventLazyLoading();

// Выбираем 10 последних постов вместе с автором
$posts = Post::query()
    ->with('author')
    ->withRelationshipAutoloading()   //  локально разрешаем автозагрузку
    ->latest()
    ->take(10)
    ->get();

// Позднее можно свободно обращаться к $post->comments,
// даже если связь comments не была загружена заранее:
// Laravel автоматически выполнит дополнительный запрос,
// но только в рамках этого вызова withRelationshipAutoloading().
foreach ($posts as $post) {
    echo $post->comments->count();
}

Метод действует на текущий билдер: после выполнения запроса автозагрузка снова заблокирована.

👉 @web_craft | #laravel