malerba118

const useNormalizedApi = () => {
  let db = useDB();
  
  return {
    ...
    fetchTodos: async () => {
      let todos = await api.fetchTodos();
      let { result, entities } = normalize(
        todos,
        apiSchemas.fetchTodosResponseSchema

malerba118

const useNormalizedApi = () => {
  let db = useDB();
  
  return {
    ...
    updateTodo: async (id, payload) => {
      let todo = await api.updateTodo(id, payload);
      let { result, entities } = normalize(
        todo,
        apiSchemas.updateTodoResponseSchema

malerba118

const useNormalizedApi = () => {
  let db = useDB();
  
  return {
    ...
    addTodo: async (text) => {
      let todo = await api.addTodo(text);
      let { result, entities } = normalize(
        todo,
        apiSchemas.addTodoResponseSchema

malerba118

const useNormalizedApi = () => {
  let db = useDB();
  
  return {
    ...
    deleteTodo: async (id) => {
      let todo = await api.deleteTodo(id);
      let { result, entities } = normalize(
        todo,
        apiSchemas.deleteTodoResponseSchema

malerba118

const useNormalizedApi = () => {
  let db = useDB();
  
  return {
    ...
    updateTodo: async (id, payload, oldTodo) => {
      // Let's assume the update will be successful
      let normalizedTodoData = normalize(payload, TodoSchema);
      db.mergeEntities(normalizedTodoData.entities);
      try {

malerba118

const queries = {
  getTodoById: (id) => {
    return {
      schema: TodoSchema,
      value: id
    };
  }
};

const TodoDetailComponent = (props) => {

malerba118

let todosResponse = {
  "status": 200,
  "body": [{
    "id": 32,
    "text": "Buy cheese",
    "completed": false,
    "author": {
      "id": 38,
      "name": "Leanne Graham",
      "email": "[email protected]"

malerba118

import { schema } from 'normalizr';

const UserSchema = new schema.Entity(
  "User", 
  {}, 
  { idAttribute: "id" }
);

const TodoSchema = new schema.Entity(
  "Todo",

malerba118

import { normalize } from 'normalizr';

let normalizeData = normalize(todosResponse, responseSchema);

console.log(normalizedData);
// Outputs:
// {
//   "entities": {
//     "User": {
//       "38": {

malerba118

import { denormalize } from 'normalizr';

let denormalizedData = denormalize(
  normalizedData.result, 
  responseSchema, 
  normalizedData.entities
);

console.log(denormalizedData);
// Outputs