Luka
Infinite scroll
Well if I'll have
hasMore I will change notifcations to object instead of array and have
const [notifications, setNotifications] = createSignal({hasMore: true|false, notifications: []})
The observer will probably be stopped from fetching on page refresh since I already have onMount doing initial request
so here I would have smth like
createEffect(() => {
if (!notifications() || notifications().length === 0 && !loading() && !notifications().hasMore) return;
My question is when we try to have SSR how do I keep track of 2 different signals basically to then render would this be correct approach? <For each={[...notifs, ...otherNotifications()]}>{renderLogic}</For>18 replies
Infinite scroll
Yeah another one I want to ask if you don't mind so how would you approach SSR here? I thought I would have say:
const notifs = createAsync(fetch)
const [otherNotifications, setOtherNotifications] = createSignal([])
after this initial request I would add "createEffect" and track the last id/created_at for "notifs"
But right after user scrolls and makes request with "createEffect"
I will render it using <For each={[...notifs, ...otherNotifications()]}>{renderLogic}</For>
Would this be any faster?
18 replies
Routes and fetch requests
I found the issue I checked the code inside (AllServices).jsx and noticed that createAsync was throwing a JSON unexpected error. After reviewing server function, I realized that it was making the same request to external server as the createAsync function in xelosani(details)/[id].jsx, but with different parameters. Thanks for response.
3 replies
How to make a map?
Basically I want to be able to display roads and terrain normally, I want 2 user to be able to share their current location which will update per some seconds, also I want to add icons on the map and I want o have only one country. will MapLibre be helpful in this case?
23 replies
[h3] [unhandled] H3Error: Client-only API called on the server side. Run client-only code in onMount
I did fix the error but I got different error now:
Error when evaluating SSR module /home/lukachikvaidze/projects/sheuketee/src/routes/(Landing).jsx?pick=default&pick=$css:
|- Error: undefined does not match field "params": [Pattern] of type FunctionExpression
This I think should be either configs or the way I am fetching data I haven't been looking in docs for some time just saw that cache function has been deprecated and some other functions are keep coming.
createAsync that I had written was working perfectly around 2 days ago so here is what I got for now
"use server"
import { query } from "@solidjs/router";
import { verify_user } from "./session_management";
import { getRequestEvent } from "solid-js/web";
export const header = query(async () => {
try {
const event = getRequestEvent();
const session = await verify_user(event);
if (session === 401) {
throw new Error(401);
}
return {
profId: session.profId,
role: session.role,
};
} catch (error) {
if (error.message === "401") {
return 401;
}
console.log("GET USER", error);
}
}, "user-ident");
import { header } from "~/routes/api/header";
const user = createAsync(() => header());
I might not be using best practices here but I just want to know if fetching is correct23 replies