Tengo el siguiente requisito:

Contamos con una flota de 10 camiones . Cada camión puede llevar diferentes cargas, para nuestro caso de uso la carga son medicamentos . Un camión tiene:

• número de serie (100 caracteres como máximo);
• modelo (ligero, mediano, crucero, pesado);
• límite de peso (500gr máx.);
• capacidad de la batería (porcentaje);
• estado (INACTO, CARGANDO, CARGADO, ENTREGA, ENTREGA, DEVOLUCIÓN).

Cada medicamento tiene:

• nombre (solo se permiten letras, números, '-', '_');
• peso;
• código (solo se permiten letras mayúsculas, guiones bajos y números);
• imagen (imagen del estuche de medicamentos).

Y según mi evaluación, es mejor usar un useReducer para lograr el objetivo. Pero mi desafío es cómo construir mi estado.

1. ¿Debo anidar la parte del medicamento o debe estar sola?

 const [truck, setTrucks] = useState([ { sn: "001001", model: "LightWeight", weightLimit: "50", batteryCapacity: 80, state: "IDLE", }, { sn: "001002", model: "Middleweight", weightLimit: "150", batteryCapacity: 30, state: "IDLE", }, //rest data here ]);

2. ¿Cómo lo presentaré en mi reductor si está anidado?

 export const droneReducer = (state, action) => { switch (action.type) { case "REGISTER_TRUCK": return [ ...state, { sn: action.truck.sn, model: action.truck.model, weightLimit: action.truck.weightLimit, batteryCapacity: action.truck.batteryCapacity, state: action.truck.state, }, ]; case "LOAD_TRUCK": case "CHECK_LOADED": case "CHECK_AVAILABLE": case "CHECK_BATTERY_LEVEL": } };

Gracias