Skip to content

Adds @playcanvas/react docs #768

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Jun 27, 2025
Merged

Adds @playcanvas/react docs #768

merged 12 commits into from
Jun 27, 2025

Conversation

marklundin
Copy link
Member

Adds documentation for @playcanvas/react

image

I confirm I have read the contributing guidelines and signed the Contributor License Agreement.

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR adds documentation and interactive examples for the new @playcanvas/react package. It updates styling, introduces an interactive example component, adjusts dependencies and webpack configuration, and provides detailed guides in the documentation.

  • Adds new SCSS styling for interactive demos.
  • Introduces a new PlayCanvas React example component.
  • Updates package.json, Docusaurus config, and adds new documentation pages.

Reviewed Changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
src/css/custom.scss New CSS classes for layout and interactive demo effects.
src/components/playcanvas-react-example.jsx A new interactive component example using @playcanvas/react.
package.json Adds dependencies for @playcanvas/react and raw-loader.
docusaurus.config.js Updates webpack configuration to handle .m?js files.
docs/user-manual/playcanvas-react/index.mdx New documentation page for PlayCanvas React overview and examples.
docs/user-manual/playcanvas-react/building-a-scene.md A detailed guide for building a 3D scene with PlayCanvas React.

@marklundin marklundin self-assigned this Jun 2, 2025
- Introduced lazy loading for the PlayCanvas React example component to improve performance.
- Updated the documentation to reflect the changes, including the use of BrowserOnly for the demo tab.
- Removed the GitHub icon image as it is no longer needed.
- Added external dependency for canvas-confetti in the Docusaurus config.
- Removed unused path import from docusaurus.config.js.
- Updated building-a-scene.md to include a link to Web Components for clarity.
- Enhanced index.mdx by specifying that PlayCanvas React provides built-in powerful features without third-party libraries, and updated links for better navigation.
@marklundin marklundin requested a review from willeastcott June 24, 2025 07:38
@marklundin
Copy link
Member Author

This is ready for another review @willeastcott pls 🙏

marklundin and others added 3 commits June 24, 2025 13:06
- Removed custom Webpack configuration from docusaurus.config.js.
- Updated @playcanvas/react to version 0.5.0 and added canvas-confetti as a dependency.
- Adjusted import statement in playcanvas-react-example.jsx to use canvas-confetti from npm instead of ESM.
- Modified building-a-scene.md to use a function for rendering LazyInteractive component.
@marklundin marklundin merged commit 3a9dd1b into main Jun 27, 2025
2 checks passed
@marklundin marklundin deleted the feat-playcanvas-react branch June 27, 2025 16:06
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.

2 participants