jmaicaaan

// formValues
{
  "fname": "John",
  "lname": "Doe",
  "image": "https://via.placeholder.com/150",
}

jmaicaaan

// Updating the first approach (non schema-based)

const handleSubmit = async ({
  fname: firstName,
  lname: lastName,
  image: imageURL
}) => {
  const response = await fetch('https://myserver.com/api/user', {
    method: 'POST',
    body: JSON.stringify({

jmaicaaan

{
  "first_name": "John",
  "last_name": "Doe",
  "avatar_url": "https://via.placeholder.com/150"
}

jmaicaaan

// non schema-based
const handleResponse = async () => {
  const response = await fetch('https://myserver.com/api/user/1');
  const {
    first_name: firstName,
    last_name: lastName,
    avatar_url: avatarURL,
  } = await response.json();
  
  return {

jmaicaaan

// non-fusion approach

const data = [
  1,
  2,
  3,
  4,
  5,
];

jmaicaaan

// non-fusion approach

const data = [
  1,
  2,
  3,
  4,
  5,
];

jmaicaaan

// non-fusion approach

const data = [
  1,
  2,
  3,
  4,
  5,
];

jmaicaaan

// fusion approach

const data = [
  1,
  2,
  3,
  4,
  5,
];

jmaicaaan

const data = [
  1,
  2,
  3,
  4,
  5,
];

/**
 * 

jmaicaaan

const data = [
  1,
  2,
  3,
  4,
  5,
];

/**
 *