DeveloperBreeze

Creating Custom Blade Components and Directives

php
#Blade components #clean code #custom Blade directives #Laravel templates #reusable UI components #Blade slots #dynamic attributes #Laravel directives #maintainable templates #Laravel tutorial #Blade customization #UI design in Laravel.

Premium Component

This is a premium Content. Upgrade to access the content and more premium features.

Upgrade to Premium

Continue Reading

Handpicked posts just for you — based on your current read.

Hello World and Comments 

     // This is a single-line comment
     console.log("Hello, World!"); // Outputting to the console
  • Enclosed within /<em> </em>/.
  • Example:

Dec 10, 2024 Tutorial

Implementing Full-Text Search in Laravel 

    namespace App\Http\Controllers;

    use Illuminate\Http\Request;
    use Illuminate\Support\Facades\DB;

    class SearchController extends Controller
    {
        public function search(Request $request)
        {
            $query = $request->input('query');

            if (empty($query) || strlen($query) < 4) {
                return redirect()->route('search.index')->withErrors('Search term must be at least 4 characters long.');
            }

            // Perform full-text search with MATCH...AGAINST
            $posts = DB::table('posts')
                ->select('id', 'title', 'content')
                ->whereRaw("MATCH(title, content) AGAINST(? IN BOOLEAN MODE)", ['"' . $query . '"'])
                ->get();

            return view('search.index', [
                'posts' => $posts,
                'query' => $query,
            ]);
        }
    }

In routes/web.php, define routes for search:

Nov 16, 2024 Tutorial

Advanced JavaScript Patterns: Writing Cleaner, Faster, and More Maintainable Code

  • Ensures that a class has only one instance.
  • Provides a global point of access to the instance.

The Factory Pattern is used to create objects without exposing the creation logic to the client. Instead of using new to instantiate an object, you use a factory method.

Aug 27, 2024 Tutorial

Understanding Traditional Layouts vs. Component-Based Layouts in Laravel

resources/views/layouts/app.blade.php:

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>{{ $title ?? 'My Laravel App' }}</title>
      <link rel="stylesheet" href="{{ asset('css/app.css') }}">
  </head>
  <body>
      <header>
          <x-header />
      </header>

      <main>
          {{ $slot }}
      </main>

      <footer>
          <x-footer />
      </footer>

      <script src="{{ asset('js/app.js') }}"></script>
  </body>
  </html>

Aug 22, 2024 Tutorial

Understanding Laravel Layouts and Their Usage

Add the basic structure to master.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'My Laravel App')</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><a href="{{ url('/about') }}">About</a></li>
                <li><a href="{{ url('/contact') }}">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        @yield('content')
    </main>

    <footer>
        <p>© 2024 My Laravel App. All rights reserved.</p>
    </footer>

    <script src="{{ asset('js/app.js') }}"></script>
</body>
</html>

Aug 22, 2024 Tutorial

Discussion 0

Please sign in to join the discussion.

No comments yet. Start the discussion!