استكشف أقوى تقنيات Laravel الحديثة: Inertia.js، View Creators، وHLS خطوة بخطوة

يوليو 27, 2025

أدوات قوية تقدر تستخدمها لتطوير تطبيقات Laravel بشكل احترافي: Inertia.js v2، وView Creators، وحزمة Laravel HLS لبث الفيديوهات بأمان.

١. Inertia.js v2 مع Laravel Adapter و React

Inertia.js هو حل بيخليك تشتغل على تطبيقات SPA - Single Page Application باستخدام Laravel و React من غير ما تضطر تبني REST API بالكامل.

🔧 خطوات التثبيت:
composer require inertiajs/inertia-laravel

npm install @inertiajs/inertia @inertiajs/inertia-react react react-dom
⚙️ إعداد المشروع:
// resources/js/app.jsx
import { createInertiaApp } from '@inertiajs/inertia-react';
import { render } from 'react-dom';

createInertiaApp({
  resolve: name => require(`./Pages/${name}`),
  setup({ el, App, props }) {
    render(, el);
  },
});
🔥 أهم المميزات في Inertia v2:
  • inertia.ensure_pages_exist: Laravel بيعرض خطأ واضح لو الـ Component مش موجود.
  • php artisan inertia:check-ssr: أمر جديد بيتأكد إن SSR شغال بعد النشر.
  • form.resetAndClearErrors(): بينضف البيانات والأخطاء معًا في استدعاء واحد.
🧪 مثال على التنقل باستخدام Inertia:
import { Inertia } from '@inertiajs/inertia';

Inertia.visit('/users', {
  onSuccess: () => console.log('تم تحميل الصفحة'),
  onError: () => alert('فيه مشكلة في التحميل'),
});

٢. View Creators في Laravel

View Creators بتسمحلك تحضّر البيانات مباشرة بعد إنشاء الـ View، قبل ما تبدأ Laravel في رندرتها.

🔧 طريقة الاستخدام:
use Illuminate\Support\Facades\View;

View::creator('dashboard', function ($view) {
    $view->with('totalUsers', \App\Models\User::count());
});
📌 الفوائد:
  • بيفصل منطق تجهيز البيانات عن الـ Controller.
  • بيخلّي الـ View دايمًا فيه المعلومات المطلوبة من غير تكرار الكود.

٣. بث الفيديوهات باستخدام Laravel HLS

Laravel HLS هي حزمة بتخليك تحوّل فيديوهاتك المخزنة في Eloquent Models لبث مباشر أو عند الطلب باستخدام بروتوكول HLS، وبتدعم تشفير AES-128.

🔧 التثبيت:
composer require outl1ne/laravel-hls
⚙️ الاستخدام:

ضيف Trait في موديل الفيديو:

use Outl1ne\Hls\Traits\ConvertsToHls;

class Video extends Model {
    use ConvertsToHls;
}

وبعدين تقدر تنفذ التحويل:

$video = Video::find(1);
$video->convertToHls();
🎯 المزايا:
  • تحويل سريع وآمن للفيديوهات.
  • دعم تشفير AES-128 لحماية المحتوى.
  • مناسب للتعليم الإلكتروني أو منصات الفيديو حسب الطلب.

المدونة

Laravel 12.21.0 – تحديث ذكي لتسهيل الاستعلامات والتحقق الصارم للبيانات

أغسطس 03, 2025

أصدرت Laravel النسخة 12.21.0 بمزايا برمجية هامة تساهم في كتابة كود أنظف وأسهل في الصيانة. من أهمها دالة whereValueBetween() الجديدة، بالإضافة إلى...

مقارنة CSS: طبقات vs BEM vs Utility Classes

يونيو 26, 2025

مقارنة CSS: Cascade Layers و BEM و Utility Classes المقالة بتتكلّم عن ٣ طرق لإدارة الـ specificity في CSS – BEM والـ utility‑first classes وك...

لارافيل 12.16.0 - مميزات جديدة للمطورين

يونيو 03, 2025

لارافيل 12.16.0 - مميزات جديدة للمطورين 1. قاعدات تحقق جديدة: in_array_keys دلوقتي تقدر تتحقق إن الأراي فيه على الأقل مفتاح واحد من اللي انت محددهم...

إزاي OAuth بيشتغل

يونيو 29, 2025

إزاي OAuth بيشتغل؟ OAuth هو بروتوكول بيخلّي التطبيقات تقدر تدخل على بياناتك بطريقة آمنة من غير ما تدّيهم الباسورد بتاعك. زي مثلًا لو حبيت تطبيق ينشر...

استخدام useCallback في React: الفوائد، القيود، والممارسات المثالية

يوليو 31, 2025

Hook useCallback في React يُستخدم لإنشاء نسخة ثابتة من دالة (callback) بحيث لا يُعاد إنشاؤها إلا إذا تغيرت الـ dependencies المحددة. الهدف الأساسي م...

أحدث مميزات ECMAScript 2025

يونيو 30, 2025

أحدث مميزات ECMAScript 2025 في 25 يونيو 2025، تم اعتماد ES2025 رسميًا. الإضافات الجاية هتسهل عليك كتابة الكود: 1. 📦 Import Attributes و JSON Module...

The Ultimate Managed Hosting Platform