Primer React Prototype

Introduction

👋 Hi there!

You've found my personal implementation of Primer React. I use this prototype to test out my ideas about component APIs, tooling, and documentation to see if they are worth introducing into Primer React.

So far, in this prototype I've implemented:

  • New system prop and component categories
  • Autogenerated prop documentation
  • A simplified private API
  • Type-safe as prop
  • Autogenerated navigation
  • Colocated component files
  • Experimental flexbox gap prop
  • Component status labels
  • TSDX
  • Yarn workspaces

Next, I'm keen to explore the following topics:

  • Color modes
  • Testing
  • Theme reference documentation
  • System prop documentation
  • Theme customization
  • Layout component APIs (Stack)
  • Documentation versioning
  • Changelog visibility
  • Intellisense for theme values
  • Intellisense in live code examples
  • Responsive live code examples
  • Code example line highlighting
  • Codemods

If any of these ideas resonate with you or inspire new ideas, I'd love to hear about it. You can reach me on Slack or Twitter.

— @colebemis

GitHub repository