ChrisThornham Comments - Answer Overflow

You're right. The values are the same, but I don't think the load function knows anything about the route params when using useParams. For example, in the example below, getUser inside of createAsync gets the correct value. But I don't think the load function has access to that value. Am I right?

export const route = {
  load() {
    void getUser(what would go here?);
  },
};

export default function UserDetailsPage() {
  const params = useParams();
  const user = createAsync(() => getUser(params.email));

export const route = {
  load() {
    void getUser(what would go here?);
  },
};

export default function UserDetailsPage() {
  const params = useParams();
  const user = createAsync(() => getUser(params.email));

10 replies

SSolidJS

•Created by ChrisThornham on 6/30/2024 in #support

Help Me Solve "undefined" warning When Using <Show> Component

That worked like a charm! Thank you! You just solved a big headache. I'll be adding this to my notes. Have a great night.

3 replies

SSolidJS

•Created by ChrisThornham on 6/13/2024 in #support

What Replaced createRouteData?

Thanks, @peerreynders I tried that pattern, but createAsync didn't like what Vite returned. I ended up with this pattern that works well. I still have to work on the one any I have in there 🙂

export default function BlogHomePage() {
  // DATA =============================================================
  // Use vite to get all mdx files in the articles folder
  const files = import.meta.glob("./articles/*.mdx");

  interface BlogMetaData {
    url: string;
    title: string;
    description: string;
    author: string;
    date: string;
  }

  // STATE ============================================================
  const [articles, setArticles] = createStore<BlogMetaData[]>([]);

  for (const file in files) {
    files[file]().then((metaData: any) => {
      const articleData: BlogMetaData = {
        url: file.replace("./", "/blog/").replace(".mdx", ""),
        title: metaData.title,
        description: metaData.description,
        author: metaData.author,
        date: metaData.date,
      };
      // Sort articles by date.
      setArticles((prevArticles) => {
        const newArticles = [...prevArticles, articleData];
        newArticles.sort(
          (a, b) => parseDate(b.date).getTime() - parseDate(a.date).getTime()
        );
        return newArticles;
      });
    });
  }

  // FUNCTIONS ========================================================
  function parseDate(dateString: string) {
    return new Date(dateString);
  }

  return (
    // render articles here...
  )
}

export default function BlogHomePage() {
  // DATA =============================================================
  // Use vite to get all mdx files in the articles folder
  const files = import.meta.glob("./articles/*.mdx");

  interface BlogMetaData {
    url: string;
    title: string;
    description: string;
    author: string;
    date: string;
  }

  // STATE ============================================================
  const [articles, setArticles] = createStore<BlogMetaData[]>([]);

  for (const file in files) {
    files[file]().then((metaData: any) => {
      const articleData: BlogMetaData = {
        url: file.replace("./", "/blog/").replace(".mdx", ""),
        title: metaData.title,
        description: metaData.description,
        author: metaData.author,
        date: metaData.date,
      };
      // Sort articles by date.
      setArticles((prevArticles) => {
        const newArticles = [...prevArticles, articleData];
        newArticles.sort(
          (a, b) => parseDate(b.date).getTime() - parseDate(a.date).getTime()
        );
        return newArticles;
      });
    });
  }

  // FUNCTIONS ========================================================
  function parseDate(dateString: string) {
    return new Date(dateString);
  }

  return (
    // render articles here...
  )
}

5 replies

SSolidJS

•Created by ChrisThornham on 6/13/2024 in #support

What Replaced createRouteData?

Thanks. I'll experiment with that.

5 replies

SSolidJS

•Created by ChrisThornham on 6/5/2024 in #support

Is It Possible To Pass An Extra Parameter To A Form Action?

Thanks! I'll give that a try.

5 replies

SSolidJS