DEV Community: Akhilesh Gupta

Laravel: Avoid N+1 queries in API resources

Akhilesh Gupta — Wed, 25 Oct 2023 07:43:59 +0000

You can avoid N+1 queries in API resources by using the whenLoaded() method. This will only append the department if it’s already loaded in the Employee model. Without whenLoaded() there is always a query for the department.

class EmployeeResource extends JsonResource
{
    public function toArray($request): array
    {
        return [
            'id' => $this->uuid,
            'fullName' => $this->full_name,
            'email' => $this->email,
            'jobTitle' => $this->job_title,
            'department' => DepartmentResource::make($this->whenLoaded('department')),
        ];
    }
}

Laravel: Conditional Relationship Counts on API Resources

Akhilesh Gupta — Wed, 25 Oct 2023 07:35:33 +0000

You may conditionally include the count of a relationship in your resource response by using the whenCounted method. By doing so, the attribute is not included if the relationships' count is missing.

    public function toArray($request)
    {
        return [
            'id' => $this->id,
            'name' => $this->name,
            'email' => $this->email,
            'posts_count' => $this->whenCounted('posts'),
            'created_at' => $this->created_at,
            'updated_at' => $this->updated_at,
        ];
    }

Laravel: API Resources: With or Without "data"?

Akhilesh Gupta — Wed, 25 Oct 2023 07:22:24 +0000

If you use Eloquent API Resources to return data, they will be automatically wrapped in 'data'. If you want to remove it, add JsonResource::withoutWrapping(); in app/Providers/AppServiceProvider.php.

class AppServiceProvider extends ServiceProvider
{
    public function boot()
    {
        JsonResource::withoutWrapping();
    }
}

How to useState in React?

Akhilesh Gupta — Sat, 10 Oct 2020 20:41:59 +0000

hey!

As a newbie, when I started react JS, I don't know where to start today I'm learning how use useState hook in react.

newbie code.

import React, { useState } from "react";
import "./App.css";

function App() {

  const [activated, setActivated] = useState(false);
  return (

    <div className="App">
      <h2>React useState Hook</h2>
      <p>I am {activated ? "on" : "off"}.</p>
      <button type="button"
        className="main-button"
        onClick={() => setActivated(activated ? false : true)}> 
       {activated ? "Deactivate Me !" : "Activate Me !"}!</button>
    </div>

  );

}

export default App;