gatsbyjs / gatsby

The best React-based framework with performance, scalability and security built in.
https://www.gatsbyjs.com
MIT License
55.29k stars 10.31k forks source link

Gatsby Component Library #8760

Closed ghost closed 6 years ago

ghost commented 6 years ago

There are plenty of open source component libraries πŸ“šfor React. But in using them, I have some concerns about performance and Gatsby-related stuff:

  1. Most of these components are packed with features which could result in performance issues.
  2. Gatsby provides some features that could be difficult to use with these libraries – like the Link and Img components.

Also, not all libraries are good for web design. Some specialize for mobile πŸ“±, some for desktop πŸ’» apps. I rarely see a mobile first approach.

Conclusion: I would love to see a component library that is designed with Gatsby in mind. Performant, minimal, mobile first (responsive) components that are using the full blown power πŸ’ͺof Gatsby.

I think the Gatsby community is capable of producing one of the best web-centric component libraries. Just like the best static site generator out there. πŸ˜‰And this library could lead to a rapid growth of Gatsby and it's members. What do you think? πŸ€”

LekoArts commented 6 years ago

What do you think?

What component library? For what? Styling or something like a Slider?

Performant, minimal, mobile first (responsive) components

These things exist. Just use them πŸ˜†

ghost commented 6 years ago

@LeKoArts I think of components every website needs. This can be a simple button or a carousel like Slick – but with support for Gatsby-related features.

This could increase the adoption of Gatsby since new developers could easily start building websites without deciding which library to use (mental friction) or building their own components.

DSchau commented 6 years ago

@cardiv I like what you're thinking! But that said, I think one of the key benefits of Gatsby is that it's just React! So by making something Gatsby specific, we've kinda lessened on the promise of that original value statement. So you mention carousel--I think we want to leverage the community here which is so crucial in React. Nuka Carousel is one I've reached for regularly. Components that require Gatsby specific enhancements (e.g. let's imagine passing a Gatsby-image in here) should just work if they're composable and provide a solid API!

As far as Gatsby specific components (you mention Link, Image, etc.) we're all for those! Components that benefit every Gatsby site and that we can include in core or make easily available--and that tie into Gatsby things (image processing, routing, etc.) make perfect sense. If there are more examples of areas we could be missing on that, let us know and we'll happily accept PRs.

ghost commented 6 years ago

I will try the Antd route now. Looks like a really cool component library.

Let's see how it goes. Thanks for the answers.

liliematia commented 5 years ago

@cardiv, did Antd seem to work out for you? I'm wondering the same as your initial question.