No docs for Getting URL params

The doc here isn’t useful since it doesn’t use chunks:

{
  path: '/tasks/:id',
  action({ params }) {
    const resp = await fetch(`/api/tasks/${params.id}`);
    const data = await resp.json();
    return data && {
      title: data.title,
      component: <TodoItem {...data} />
    };
  }
}

This assumes <TodoItem /> is already loaded, which is exactly what I DON’T want to do.

Where can I see a full example of this implementation?

I tried many different variations with action and none works.

I can make a PR with decent docs with some guidance 😃

[frenzzy]

/* src/routes/index.js */
const routes = [
  // ...
  {
    path: '/blog/:post',
    load: () => import(/* webpackChunkName: 'blog' */ './blog'),
  },
  // ...
};

/* src/routes/blog/index.js */
import BlogPost from './BlogPost';

async function action({ params }) {
  // read more about dynamic import with webpack here:
  // https://webpack.js.org/api/module-methods/#import
  // if following does not work, try `import('./posts/' + params.post + '.js')`
  const post = // i.e. get `./posts/coffee.js`
    await import(/* webpackChunkName: "post-[index]" */ `./posts/${params.post}.js`)
    .then(module => module.default) // use an object from `export default`
    .catch(error => {
      if (error.message.startsWith('Cannot find module')) {
        return null; // module (post) does not exists
      }
      throw error; // loading chunk failed (go to error handler)
    });
  if (!post) { // post not found
    return null; // go to next route (or render 404)
  }
  return { title: post.title, component: <BlogPost post={post} /> };
}

export default action;

/* src/routes/blog/BlogPost.js */
const BlogPost = ({ post }) => (
  <div>
    <h1>{post.title}</h1>
    <p>{post.body}</p>
  </div>
);

export default BlogPost;

/* src/routes/blog/posts/coffee.js */
export default {
  title: 'Coffee',
  tags: [],
  body: 'body of post here',
}

[goldylucks]

I’m new to route code splitting, how is this possible?

how can webpack prepare the chunks without knowing them at compile time?

In anyway I think it will be great addition to the docs, along with a nested route example.

Thanks @frenzzy , YOU ROCK!