pcf-community-resources — GitHub Copilot rule for PCF

---
description: 'PCF community resources including gallery, videos, blogs, and development tools'
applyTo: '**'
---

# PCF Community Resources

The Power Apps Component Framework has a vibrant community that creates and shares resources, tools, and knowledge. This guide provides links to key community resources.

## PCF Gallery

**[PCF Gallery](https://pcf.gallery)**

The PCF Gallery is the central hub for discovering, sharing, and learning about PCF components.

**What You'll Find:**
- Community-created components
- Component demonstrations and screenshots
- Source code links
- Installation instructions
- Component ratings and reviews
- Search and filtering capabilities

**How to Use:**
- Browse components by category
- Search for specific functionality
- Download components for your projects
- Submit your own components to share with the community
- Learn from real-world component implementations

## Community Videos

Learn from expert developers through these comprehensive video tutorials:

### Getting Started
- **Getting started with code components with OOB React and Fluent UI by PowerfulDevs** - Introduction to building components with React and Fluent UI
- **Getting Started With Power Apps Component Framework by April Dunnam** - Beginner-friendly introduction to PCF

### Deep Dives
- **Power Apps Component Framework Manifest File Explained by April Dunnam** - Detailed explanation of the manifest structure
- **Easier Development with React Controls and Platform Libraries by Scott Durow** - Using React and platform-provided libraries
- **Understanding the Power Apps Component Framework by PowerfulDevs** - Comprehensive overview of the framework

### Debugging & Development
- **How to Debug Power Apps Component Framework Components by April Dunnam** - Debugging techniques and tools
- **Using React and the Fluent UI in Power Apps Component Framework by Microsoft** - Official guidance on React/Fluent UI integration

### Advanced Topics
- **Power Apps Component Framework: Datasets with React and Azure Maps by Nishant Rana** - Working with datasets and external APIs
- **How to Upload and Display Images with Power Apps Component Framework by April Dunnam** - Image handling in components
- **Deep Dive: Power Apps Component Framework API by PowerfulDevs** - Comprehensive API exploration

### Styling & Theming
- **Using Fluent UI Components in Power Apps Component Framework by Sancho Harker** - Styling with Fluent UI
- **Power Apps Component Framework: Styling and Theming by Microsoft** - Official theming guidance

### Additional Resources
- **Power Apps Component Framework End to End Series by April Dunnam** - Complete walkthrough series
- More videos available through community channels and Microsoft's official documentation

## Community Blogs

Stay updated with these excellent community blogs:

1. **Sancho Harker** - Advanced PCF techniques and best practices
2. **Benedikt Bergmann** - Component architecture and patterns
3. **Andrew Butenko** - PCF development tips and tools
4. **Nishant Rana** - Integration scenarios and advanced features
5. **OlivierFlying** - Performance optimization and debugging
6. **Ramakrishnan Raman** - Real-world implementation examples
7. **Temmy Wahyu Raharjo** - Component design patterns
8. **Scott Durow** - Platform libraries and React components
9. **Guido Preite** - Enterprise PCF development
10. **Ulrikke Akerbæk** - Canvas apps and PCF integration

**Topics Covered:**
- Component development tutorials
- Best practices and patterns
- Performance optimization
- Integration with external services
- Troubleshooting common issues
- New feature announcements
- Real-world use cases

## Community Tools

### PCF Builder for XrmToolBox

**What It Does:**
- Simplifies PCF component creation
- Provides visual manifest editor
- Generates boilerplate code
- Streamlines component testing

**Key Features:**
- Visual manifest designer
- Property configuration UI
- Resource management
- Quick component scaffolding
- Integration with XrmToolBox ecosystem

**Best For:**
- Rapid prototyping
- Learning PCF structure
- Quick component setup
- Manifest validation

### PCF Builder for VS Code

**What It Does:**
- Integrates PCF development into Visual Studio Code
- Provides IntelliSense and code completion
- Simplifies workflow without leaving the editor

**Key Features:**
- VS Code extension
- Command palette integration
- Manifest schema validation
- Code snippets for common patterns
- Integrated terminal commands

**Best For:**
- Developers who prefer VS Code
- Streamlined workflow
- Modern development experience
- Built-in debugging support

## How to Engage with the Community

### Contribute Components
- Share your components on PCF Gallery
- Publish source code on GitHub
- Write blog posts about your implementation

### Learn from Others
- Browse PCF Gallery for inspiration
- Watch community videos for tutorials
- Read blogs for best practices and tips

### Get Help
- Microsoft Learn Q&A forums
- Power Apps Community forums
- GitHub repository issues and discussions
- Twitter/LinkedIn Power Platform community

### Stay Updated
- Follow community bloggers
- Subscribe to YouTube channels
- Join Power Platform user groups
- Attend community calls and events

## Community Best Practices

1. **Share Your Work**: Contribute components and knowledge back to the community
2. **Provide Feedback**: Report issues and suggest improvements
3. **Document Well**: Include clear documentation with your components
4. **Test Thoroughly**: Ensure components work across platforms before sharing
5. **Follow Standards**: Use established patterns and naming conventions
6. **Be Helpful**: Answer questions and help other developers

## Additional Resources

- **Microsoft Learn**: Official documentation and tutorials
- **Power Platform Community**: Forums and discussion boards
- **GitHub**: Source code repositories and samples
- **Power CAT (Customer Advisory Team)**: Enterprise guidance and patterns
- **User Groups**: Local and virtual meetups

## Contributing to PCF Gallery

To add your component to PCF Gallery:

1. Create a well-documented component
2. Test across target platforms
3. Prepare screenshots and demos
4. Submit to pcf.gallery
5. Include source code link (GitHub recommended)
6. Provide clear installation instructions

## Finding the Right Resource

- **Just Starting?** → Watch April Dunnam's "Getting Started" video
- **Need a Component?** → Browse PCF Gallery
- **Learning Best Practices?** → Read community blogs
- **Want Quick Setup?** → Use PCF Builder tools
- **Debugging Issues?** → Watch debugging videos and read troubleshooting blogs
- **Advanced Techniques?** → Follow Scott Durow and PowerfulDevs content

The PCF community is welcoming and eager to help. Don't hesitate to reach out, ask questions, and share your own experiences!