S
SolidJS•7mo ago
hannus

does createResource with multiple signals trigger when onMount

if createResource has one signal which is false as dependency, the resource will be trigger as the signal changing. However, if I set two signals as dependency, the resource triggers in every mount alougth the signals are false . Is there any methods to avoid trigger fetcher when the group signals are false? thanks a lot
4 Replies
Atila
Atila•7mo ago
If I'm understanding this right,. The sourcesignals are passed as params to the fetcher even if they're false, so you can avoid fetching depending on the value of any of those. They aren't match conditions to execute createResource or not, they're params passed to the fetcher call. 
const [data] = createResource(
  () => [dataSignal(), moreData()],
  ([dataVal, moreDataVal]) => fetcher(dataVal as number, moreDataVal as string)
);
const [data] = createResource(
  () => [dataSignal(), moreData()],
  ([dataVal, moreDataVal]) => fetcher(dataVal as number, moreDataVal as string)
);
like checking values of dataVal or moreDataVal in the example above.
Tommypop
Tommypop•7mo ago
createResource will trigger whenever the value added as the source is truthy. In the case of adding multiple values, such as createResource(() => [signal1(), signal2()], () => {}), the fetcher will always run as the array will be truthy even if both values are falsy. To prevent the fetcher from running if both signals are falsy, you can use a ternary to make the source evaluate to false if both conditions are false, such as:
const [res] = createResource(
    () => (cond1() && cond2() ? [cond1(), cond2()] : false),
    ([first, second]) => {
      console.log(`First ${first}`);
      console.log(`Second ${second}`);
    },
  );
const [res] = createResource(
    () => (cond1() && cond2() ? [cond1(), cond2()] : false),
    ([first, second]) => {
      console.log(`First ${first}`);
      console.log(`Second ${second}`);
    },
  );
Tommypop
Tommypop•7mo ago
https://playground.solidjs.com/anonymous/bb367241-99c3-413d-afee-b431da6f2dff
Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
hannus
hannus•7mo ago
got it, thanks a lot thanks, I know how to use the createResrouce now.
Want results from more Discord servers?
Add your server
More Posts
Is there a better way of doing this sub and unsub? I fell like I am just translating React code xD```js function AuthProvider({ children }: { children: JSXElement }) { const [user, setUser] = crIs solids SEO friendly ?Analyzing the webpage solid generate in production I get problems whit SEO, the same problem that reIs there a better way to make authenticated routes ?Hey! Anybody knows if there's a better way to write specific routes that can be only accessed when aaccessing store multiple time, in batch() causes infinite loop```ts createEffect(() => { batch(async () => { for (const card of collection.cards) { [Solid-Start] [Meta] Encoding IssueHello I have an issue with @solidjs/meta on solid-start. When I precise a title with an accent, thecreateresource signal return undifined```tsx const fetchUser = async (id) => (await fetch(`https://swapi.dev/api/people/${id}/`)).jsonPass every child in props.children a context of their indexI want to create a table where every cell knows its column number without passing it via props. I trofficial website createresourcehttps://docs.solidjs.com/guides/how-to-guides/routing-in-solid/solid-router. Under dynamic routes excreateresource why is this error even on a basic examplei dont know why event the basic example is errorReanimationhey, is it possible in solidjs to remount a component to make the animation happen again after the s