Breaking News: Grepper is joining You.com. Read the official announcement!

zustand stores manage loading state

barisx answered on April 29, 2022 Popularity 2/10 Helpfulness 1/10

answer zustand stores manage loading state

related zustand stores manage loading state

zustand stores manage loading state

Comment

const createFetchStore = (fetchActionName, baseUrl) => create(set => {
  result: null,
  loading: false,
  error: null,
  [fetchActionName]: async (id)=> {
    try {
      set({ loading: true })
      const result = await (await fetch(`${baseUrl}/${id}`)).json()
      set({ loading: false, result })
    } catch(error) {
      set({ loading: false, error })
    }
  },
});

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: github.com

Tags: javascript loading state zustand

Link to this answer
Share Copy Link

Contributed on Apr 29 2022

barisx

0 Answers Avg Quality 2/10

Closely Related Answers

zustand stores manage loading state

Comment

// This is the store for Page1
const usePageModel1 = create(set => {
  result: null,
  loading: false,
  error: null,
  fetchData1: async (id)=> {
    try {
      set({ loading: true })
      const result = await (await fetch(`/api1/${id}`)).json()  // load data from api1
      set({ loading: false, result })
    } catch(error) {
      set({ loading: false, error })
    }
  },
});

const Page1 = () => {
   const model = usePageModel1();
   // ...
}

// This is the store for Page2
const usePageModel2 = create(set => {
  result: null,
  loading: false,
  error: null,
  fetchData2: async (id)=> {
    try {
      set({ loading: true })
      const result = await (await fetch(`/api2/${id}`)).json()  // load data from api2
      set({ loading: false, result })
    } catch(error) {
      set({ loading: false, error })
    }
  },
});

const Page2 = () => {
   const model = usePageModel2();
   // ...
}

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: github.com

Tags: state loading javascript zustand

Link to this answer
Share Copy Link

Contributed on Apr 29 2022

barisx

0 Answers Avg Quality 2/10

zustand stores manage loading state

Comment

// This is the store for Page1
const usePageModel1 = create(set => {
  result: null,
  loading: false,
  error: null,
  fetchData1: async (id)=> {
    try {
      set({ loading: true })
      const result = await (await fetch(`/api1/${id}`)).json()  // load data from api1
      set({ loading: false, result })
    } catch(error) {
      set({ loading: false, error })
    }
  },
});

const Page1 = () => {
   const model = usePageModel1();
   // ...
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: github.com

Tags: zustand javascript loading state

Link to this answer
Share Copy Link

Contributed on Apr 29 2022

barisx

0 Answers Avg Quality 2/10

zustand stores manage loading state

Contents

More Related Answers

zustand stores manage loading state

Closely Related Answers

zustand stores manage loading state

zustand stores manage loading state

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.