Skip to content

feat(docs): add lazy feature to homepage#1850

Draft
Copilot wants to merge 5 commits intomainfrom
copilot/add-lazy-feature-homepage
Draft

feat(docs): add lazy feature to homepage#1850
Copilot wants to merge 5 commits intomainfrom
copilot/add-lazy-feature-homepage

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Dec 3, 2025

Overview

Adds the lazy feature to the suspensive.org homepage as requested in the issue.

Upper section items:

  • English: New item "Primitives for Suspense" describing lazy's component preloading and loading callbacks
  • Korean: Equivalent translation "Suspense를 위한 Primitives"

Scrollycoding section (below upper section):
Added an interactive code section demonstrating:

  • Component preloading with load() method
  • Success/error callbacks with onSuccess and onError
  • Version skew handling with reloadOnError

The homepage now displays 4 feature items instead of 3, and includes a new scrollycoding section for lazy alongside existing features (Suspense, ClientOnly, DefaultProps, ErrorBoundary, ErrorBoundaryGroup).

PR Checklist

  • I did below actions if need
  1. I read the Contributing Guide
  2. I added documents and tests.
Original prompt

This section details on the original issue you should resolve

<issue_title>[Feature]: lazy should added suspensive.org home page</issue_title>
<issue_description>### Package Scope

etc

Description

Add https://suspensive.org/en/docs/react/lazy this in suspensive.org home page

Possible Solution

No response

etc.

No response</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Dec 3, 2025

⚠️ No Changeset found

Latest commit: 96556dc

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Dec 3, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
suspensive-next-streaming-react-query Ready Ready Preview Comment Dec 3, 2025 9:37am
v2.suspensive.org Ready Ready Preview Comment Dec 3, 2025 9:37am
v3.suspensive.org Ready Ready Preview Comment Dec 3, 2025 9:37am
visualization.suspensive.org Ready Ready Preview Comment Dec 3, 2025 9:37am

Co-authored-by: manudeli <61593290+manudeli@users.noreply.github.com>
Co-authored-by: manudeli <61593290+manudeli@users.noreply.github.com>
@manudeli
Copy link
Copy Markdown
Member

manudeli commented Dec 3, 2025

@copilot add contents too below upper section please

@coauthors
Copy link
Copy Markdown

coauthors Bot commented Dec 3, 2025

People can be co-author:

Candidate Reasons Count Add this as commit message
@Copilot #1850 (comment) #1850 2 Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
@manudeli #1850 (comment) #1850 (comment) 2 Co-authored-by: manudeli <61593290+manudeli@users.noreply.github.com>
@marshallku #1850 (comment) #1850 (review) 2 Co-authored-by: marshallku <33550065+marshallku@users.noreply.github.com>

Co-authored-by: manudeli <61593290+manudeli@users.noreply.github.com>
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Dec 3, 2025

Size Change: 0 B

Total Size: 92.1 kB

ℹ️ View Unchanged
Filename Size
packages/jotai/dist/Atom-********.mjs 263 B
packages/jotai/dist/Atom-********.cjs 328 B
packages/jotai/dist/Atom.cjs 93 B
packages/jotai/dist/Atom.mjs 87 B
packages/jotai/dist/AtomValue-********.cjs 315 B
packages/jotai/dist/AtomValue-********.mjs 247 B
packages/jotai/dist/AtomValue.cjs 99 B
packages/jotai/dist/AtomValue.mjs 93 B
packages/jotai/dist/index.cjs 150 B
packages/jotai/dist/index.mjs 133 B
packages/jotai/dist/SetAtom-********.cjs 313 B
packages/jotai/dist/SetAtom-********.mjs 246 B
packages/jotai/dist/SetAtom.cjs 97 B
packages/jotai/dist/SetAtom.mjs 91 B
packages/next/dist/index.cjs 257 B
packages/next/dist/index.mjs 251 B
packages/next/dist/react-******.cjs 217 B
packages/next/dist/react-******.mjs 213 B
packages/react-dom/dist/FadeIn-********.cjs 471 B
packages/react-dom/dist/FadeIn-********.mjs 402 B
packages/react-dom/dist/FadeIn.cjs 132 B
packages/react-dom/dist/FadeIn.mjs 124 B
packages/react-dom/dist/index.cjs 176 B
packages/react-dom/dist/index.mjs 154 B
packages/react-dom/dist/InView-********.mjs 670 B
packages/react-dom/dist/InView-********.cjs 734 B
packages/react-dom/dist/InView.cjs 114 B
packages/react-dom/dist/InView.mjs 107 B
packages/react-dom/dist/useFadeIn-********.cjs 496 B
packages/react-dom/dist/useFadeIn-********.mjs 432 B
packages/react-dom/dist/useFadeIn.cjs 122 B
packages/react-dom/dist/useFadeIn.mjs 115 B
packages/react-dom/dist/useInView-********.mjs 1.61 kB
packages/react-dom/dist/useInView-********.cjs 1.66 kB
packages/react-dom/dist/useInView.cjs 99 B
packages/react-dom/dist/useInView.mjs 93 B
packages/react-native/dist/index.cjs 98 B
packages/react-native/dist/index.mjs 92 B
packages/react-native/dist/TestText-********.cjs 285 B
packages/react-native/dist/TestText-********.mjs 216 B
packages/react-native/dist/TestText.cjs 98 B
packages/react-native/dist/TestText.mjs 92 B
packages/react-query-4/dist/ClientOnly-********.mjs 323 B
packages/react-query-4/dist/ClientOnly-********.cjs 394 B
packages/react-query-4/dist/createGetQueryClient-********.cjs 1.08 kB
packages/react-query-4/dist/createGetQueryClient-********.mjs 1 kB
packages/react-query-4/dist/createGetQueryClient.cjs 127 B
packages/react-query-4/dist/createGetQueryClient.mjs 120 B
packages/react-query-4/dist/index.cjs 601 B
packages/react-query-4/dist/index.mjs 514 B
packages/react-query-4/dist/infiniteQueryOptions-********.mjs 302 B
packages/react-query-4/dist/infiniteQueryOptions-********.cjs 375 B
packages/react-query-4/dist/infiniteQueryOptions.cjs 98 B
packages/react-query-4/dist/infiniteQueryOptions.mjs 91 B
packages/react-query-4/dist/IsFetching-********.mjs 266 B
packages/react-query-4/dist/IsFetching-********.cjs 347 B
packages/react-query-4/dist/IsFetching.cjs 103 B
packages/react-query-4/dist/IsFetching.mjs 97 B
packages/react-query-4/dist/Mutation-********.cjs 391 B
packages/react-query-4/dist/Mutation-********.mjs 316 B
packages/react-query-4/dist/Mutation.cjs 138 B
packages/react-query-4/dist/Mutation.mjs 131 B
packages/react-query-4/dist/mutationOptions-********.cjs 203 B
packages/react-query-4/dist/mutationOptions-********.mjs 147 B
packages/react-query-4/dist/mutationOptions.cjs 90 B
packages/react-query-4/dist/mutationOptions.mjs 84 B
packages/react-query-4/dist/objectSpread2-********.mjs 769 B
packages/react-query-4/dist/objectSpread2-********.cjs 801 B
packages/react-query-4/dist/objectWithoutProperties-********.cjs 406 B
packages/react-query-4/dist/objectWithoutProperties-********.mjs 366 B
packages/react-query-4/dist/PrefetchInfiniteQuery-********.cjs 476 B
packages/react-query-4/dist/PrefetchInfiniteQuery-********.mjs 407 B
packages/react-query-4/dist/PrefetchInfiniteQuery.cjs 134 B
packages/react-query-4/dist/PrefetchInfiniteQuery.mjs 126 B
packages/react-query-4/dist/PrefetchQuery-********.cjs 463 B
packages/react-query-4/dist/PrefetchQuery-********.mjs 396 B
packages/react-query-4/dist/PrefetchQuery.cjs 125 B
packages/react-query-4/dist/PrefetchQuery.mjs 118 B
packages/react-query-4/dist/QueriesHydration-********.cjs 1.6 kB
packages/react-query-4/dist/QueriesHydration-********.mjs 1.52 kB
packages/react-query-4/dist/QueriesHydration.cjs 173 B
packages/react-query-4/dist/QueriesHydration.mjs 163 B
packages/react-query-4/dist/QueryClientConsumer-********.mjs 285 B
packages/react-query-4/dist/QueryClientConsumer-********.cjs 356 B
packages/react-query-4/dist/QueryClientConsumer.cjs 110 B
packages/react-query-4/dist/QueryClientConsumer.mjs 103 B
packages/react-query-4/dist/queryOptions-********.cjs 366 B
packages/react-query-4/dist/queryOptions-********.mjs 295 B
packages/react-query-4/dist/queryOptions.cjs 89 B
packages/react-query-4/dist/queryOptions.mjs 83 B
packages/react-query-4/dist/SuspenseInfiniteQuery-********.mjs 566 B
packages/react-query-4/dist/SuspenseInfiniteQuery-********.cjs 654 B
packages/react-query-4/dist/SuspenseInfiniteQuery.cjs 150 B
packages/react-query-4/dist/SuspenseInfiniteQuery.mjs 145 B
packages/react-query-4/dist/SuspenseQueries-********.cjs 572 B
packages/react-query-4/dist/SuspenseQueries-********.mjs 487 B
packages/react-query-4/dist/SuspenseQueries.cjs 108 B
packages/react-query-4/dist/SuspenseQueries.mjs 102 B
packages/react-query-4/dist/SuspenseQuery-********.cjs 637 B
packages/react-query-4/dist/SuspenseQuery-********.mjs 551 B
packages/react-query-4/dist/SuspenseQuery.cjs 143 B
packages/react-query-4/dist/SuspenseQuery.mjs 136 B
packages/react-query-4/dist/usePrefetchInfiniteQuery-********.cjs 464 B
packages/react-query-4/dist/usePrefetchInfiniteQuery-********.mjs 400 B
packages/react-query-4/dist/usePrefetchInfiniteQuery.cjs 118 B
packages/react-query-4/dist/usePrefetchInfiniteQuery.mjs 111 B
packages/react-query-4/dist/usePrefetchQuery-********.mjs 392 B
packages/react-query-4/dist/usePrefetchQuery-********.cjs 455 B
packages/react-query-4/dist/usePrefetchQuery.cjs 109 B
packages/react-query-4/dist/usePrefetchQuery.mjs 103 B
packages/react-query-4/dist/useSuspenseInfiniteQuery-********.cjs 380 B
packages/react-query-4/dist/useSuspenseInfiniteQuery-********.mjs 305 B
packages/react-query-4/dist/useSuspenseInfiniteQuery.cjs 118 B
packages/react-query-4/dist/useSuspenseInfiniteQuery.mjs 111 B
packages/react-query-4/dist/useSuspenseQueries-********.mjs 300 B
packages/react-query-4/dist/useSuspenseQueries-********.cjs 375 B
packages/react-query-4/dist/useSuspenseQueries.cjs 112 B
packages/react-query-4/dist/useSuspenseQueries.mjs 105 B
packages/react-query-4/dist/useSuspenseQuery-********.cjs 369 B
packages/react-query-4/dist/useSuspenseQuery-********.mjs 298 B
packages/react-query-4/dist/useSuspenseQuery.cjs 109 B
packages/react-query-4/dist/useSuspenseQuery.mjs 103 B
packages/react-query-5/dist/ClientOnly-********.cjs 394 B
packages/react-query-5/dist/ClientOnly-********.mjs 323 B
packages/react-query-5/dist/createGetQueryClient-********.mjs 1.01 kB
packages/react-query-5/dist/createGetQueryClient-********.cjs 1.08 kB
packages/react-query-5/dist/createGetQueryClient.cjs 127 B
packages/react-query-5/dist/createGetQueryClient.mjs 120 B
packages/react-query-5/dist/index.cjs 598 B
packages/react-query-5/dist/index.mjs 513 B
packages/react-query-5/dist/infiniteQueryOptions-********.cjs 370 B
packages/react-query-5/dist/infiniteQueryOptions-********.mjs 297 B
packages/react-query-5/dist/infiniteQueryOptions.cjs 98 B
packages/react-query-5/dist/infiniteQueryOptions.mjs 91 B
packages/react-query-5/dist/IsFetching-********.mjs 350 B
packages/react-query-5/dist/IsFetching-********.cjs 430 B
packages/react-query-5/dist/IsFetching.cjs 140 B
packages/react-query-5/dist/IsFetching.mjs 133 B
packages/react-query-5/dist/Mutation-********.mjs 315 B
packages/react-query-5/dist/Mutation-********.cjs 391 B
packages/react-query-5/dist/Mutation.cjs 138 B
packages/react-query-5/dist/Mutation.mjs 131 B
packages/react-query-5/dist/mutationOptions-********.mjs 296 B
packages/react-query-5/dist/mutationOptions-********.cjs 368 B
packages/react-query-5/dist/mutationOptions.cjs 90 B
packages/react-query-5/dist/mutationOptions.mjs 84 B
packages/react-query-5/dist/objectSpread2-********.mjs 769 B
packages/react-query-5/dist/objectSpread2-********.cjs 801 B
packages/react-query-5/dist/objectWithoutProperties-********.cjs 406 B
packages/react-query-5/dist/objectWithoutProperties-********.mjs 366 B
packages/react-query-5/dist/PrefetchInfiniteQuery-********.mjs 396 B
packages/react-query-5/dist/PrefetchInfiniteQuery-********.cjs 469 B
packages/react-query-5/dist/PrefetchInfiniteQuery.cjs 115 B
packages/react-query-5/dist/PrefetchInfiniteQuery.mjs 108 B
packages/react-query-5/dist/PrefetchQuery-********.mjs 390 B
packages/react-query-5/dist/PrefetchQuery-********.cjs 462 B
packages/react-query-5/dist/PrefetchQuery.cjs 106 B
packages/react-query-5/dist/PrefetchQuery.mjs 100 B
packages/react-query-5/dist/QueriesHydration-********.cjs 1.61 kB
packages/react-query-5/dist/QueriesHydration-********.mjs 1.52 kB
packages/react-query-5/dist/QueriesHydration.cjs 171 B
packages/react-query-5/dist/QueriesHydration.mjs 163 B
packages/react-query-5/dist/QueryClientConsumer-********.mjs 281 B
packages/react-query-5/dist/QueryClientConsumer-********.cjs 358 B
packages/react-query-5/dist/QueryClientConsumer.cjs 110 B
packages/react-query-5/dist/QueryClientConsumer.mjs 103 B
packages/react-query-5/dist/queryOptions-********.cjs 361 B
packages/react-query-5/dist/queryOptions-********.mjs 290 B
packages/react-query-5/dist/queryOptions.cjs 89 B
packages/react-query-5/dist/queryOptions.mjs 83 B
packages/react-query-5/dist/SuspenseInfiniteQuery-********.cjs 649 B
packages/react-query-5/dist/SuspenseInfiniteQuery-********.mjs 564 B
packages/react-query-5/dist/SuspenseInfiniteQuery.cjs 149 B
packages/react-query-5/dist/SuspenseInfiniteQuery.mjs 143 B
packages/react-query-5/dist/SuspenseQueries-********.mjs 505 B
packages/react-query-5/dist/SuspenseQueries-********.cjs 588 B
packages/react-query-5/dist/SuspenseQueries.cjs 108 B
packages/react-query-5/dist/SuspenseQueries.mjs 102 B
packages/react-query-5/dist/SuspenseQuery-********.mjs 543 B
packages/react-query-5/dist/SuspenseQuery-********.cjs 629 B
packages/react-query-5/dist/SuspenseQuery.cjs 143 B
packages/react-query-5/dist/SuspenseQuery.mjs 136 B
packages/react-query-5/dist/usePrefetchInfiniteQuery-********.mjs 301 B
packages/react-query-5/dist/usePrefetchInfiniteQuery-********.cjs 373 B
packages/react-query-5/dist/usePrefetchInfiniteQuery.cjs 118 B
packages/react-query-5/dist/usePrefetchInfiniteQuery.mjs 111 B
packages/react-query-5/dist/usePrefetchQuery-********.cjs 369 B
packages/react-query-5/dist/usePrefetchQuery-********.mjs 297 B
packages/react-query-5/dist/usePrefetchQuery.cjs 109 B
packages/react-query-5/dist/usePrefetchQuery.mjs 103 B
packages/react-query-5/dist/useSuspenseInfiniteQuery-********.cjs 374 B
packages/react-query-5/dist/useSuspenseInfiniteQuery-********.mjs 299 B
packages/react-query-5/dist/useSuspenseInfiniteQuery.cjs 118 B
packages/react-query-5/dist/useSuspenseInfiniteQuery.mjs 111 B
packages/react-query-5/dist/useSuspenseQueries-********.mjs 294 B
packages/react-query-5/dist/useSuspenseQueries-********.cjs 369 B
packages/react-query-5/dist/useSuspenseQueries.cjs 112 B
packages/react-query-5/dist/useSuspenseQueries.mjs 105 B
packages/react-query-5/dist/useSuspenseQuery-********.cjs 363 B
packages/react-query-5/dist/useSuspenseQuery-********.mjs 292 B
packages/react-query-5/dist/useSuspenseQuery.cjs 109 B
packages/react-query-5/dist/useSuspenseQuery.mjs 103 B
packages/react-query/dist/index.cjs 351 B
packages/react-query/dist/index.mjs 201 B
packages/react-query/dist/v4.cjs 351 B
packages/react-query/dist/v4.mjs 201 B
packages/react-query/dist/v5.cjs 351 B
packages/react-query/dist/v5.mjs 201 B
packages/react/dist/ClientOnly-********.mjs 535 B
packages/react/dist/ClientOnly-********.cjs 609 B
packages/react/dist/ClientOnly.cjs 159 B
packages/react/dist/ClientOnly.mjs 150 B
packages/react/dist/DefaultProps-********.cjs 996 B
packages/react/dist/DefaultProps-********.mjs 932 B
packages/react/dist/DefaultProps.cjs 164 B
packages/react/dist/DefaultProps.mjs 158 B
packages/react/dist/DefaultPropsContexts-********.mjs 258 B
packages/react/dist/DefaultPropsContexts-********.cjs 328 B
packages/react/dist/Delay-********.mjs 1.03 kB
packages/react/dist/Delay-********.cjs 1.09 kB
packages/react/dist/Delay.cjs 176 B
packages/react/dist/Delay.mjs 165 B
packages/react/dist/ErrorBoundary-********.mjs 2.1 kB
packages/react/dist/ErrorBoundary-********.cjs 2.15 kB
packages/react/dist/ErrorBoundary.cjs 193 B
packages/react/dist/ErrorBoundary.mjs 189 B
packages/react/dist/ErrorBoundaryGroup-********.mjs 1.12 kB
packages/react/dist/ErrorBoundaryGroup-********.cjs 1.19 kB
packages/react/dist/ErrorBoundaryGroup.cjs 182 B
packages/react/dist/ErrorBoundaryGroup.mjs 172 B
packages/react/dist/index.cjs 458 B
packages/react/dist/index.mjs 418 B
packages/react/dist/lazy-********.cjs 2.06 kB
packages/react/dist/lazy-********.mjs 1.99 kB
packages/react/dist/lazy.cjs 190 B
packages/react/dist/lazy.mjs 187 B
packages/react/dist/noop-********.mjs 144 B
packages/react/dist/noop-********.cjs 203 B
packages/react/dist/objectSpread2-********.mjs 774 B
packages/react/dist/objectSpread2-********.cjs 807 B
packages/react/dist/objectWithoutProperties-********.mjs 372 B
packages/react/dist/objectWithoutProperties-********.cjs 412 B
packages/react/dist/Suspense-********.mjs 832 B
packages/react/dist/Suspense-********.cjs 905 B
packages/react/dist/Suspense.cjs 220 B
packages/react/dist/Suspense.mjs 215 B
packages/react/dist/SuspensiveError-********.mjs 441 B
packages/react/dist/SuspensiveError-********.cjs 522 B
packages/react/dist/useIsClient-********.cjs 318 B
packages/react/dist/useIsClient-********.mjs 251 B
packages/react/dist/useIsClient.cjs 117 B
packages/react/dist/useIsClient.mjs 109 B

compressed-size-action

Copy link
Copy Markdown
Contributor Author

Copilot AI commented Dec 3, 2025

@copilot add contents too below upper section please

Added a lazy scrollycoding section below the upper section in commit 2793798. The new section covers:

  • Component preloading with load() method
  • Success/error callbacks with onSuccess and onError
  • Version skew handling with reloadOnError

Both English and Korean versions have been updated.

Comment on lines +465 to +467
# !!steps React의 lazy를 사용할 때, 컴포넌트가 렌더링되기 전에 미리 로드하고 싶을 수 있습니다.

React의 `lazy`는 컴포넌트를 미리 로드하는 기본 제공 방법이 없습니다.
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot's sentences sound a bit weird to me.

@manudeli
Copy link
Copy Markdown
Member

manudeli commented Dec 4, 2025

@marshallku Could you make another pr to promote to use lazy of @suspensive/react? I think that home page should be added example of lazy

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: lazy should added suspensive.org home page

3 participants