Add Power Apps Component Framework (PCF) Development Collection (#428)

* Add PCF Development collection with 17 instruction files * Update instructions/pcf-overview.instructions.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Fix description field formatting - wrap values in single quotes --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2026-02-23 11:55:12 +00:00 · 2025-11-23 17:45:23 -05:00
parent 13dc6a4132
commit cf0f01d981
21 changed files with 2326 additions and 0 deletions
--- a/instructions/pcf-community-resources.instructions.md
+++ b/instructions/pcf-community-resources.instructions.md
@@ -0,0 +1,189 @@
+---
+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!