Show HN: Belle – Configurable React Components with Great UX • Hacker News Board

Show HN: Belle – Configurable React Components with Great UX

#1

Post by nik-graf » Wed, Jul 15, 2015, 3:54 PM UTC

Show HN: Belle – Configurable React Components with Great UX
nikgraf.github.io

Re: Show HN: Belle – Configurable React Components with Great UX

#2

Post by nik-graf » Wed, Jul 15, 2015, 3:58 PM UTC

Hey, I'm one of the creators of Belle. Feel free to reach out in this thread in case you have any questions :)

Re: Show HN: Belle – Configurable React Components with Great UX

#3

Post by jyotipuri » Wed, Jul 15, 2015, 4:05 PM UTC

Great UX React components you should check out... .... from Creator No.2 :)

Re: Show HN: Belle – Configurable React Components with Great UX

#4

Post by sebastianconcpt » Wed, Jul 15, 2015, 4:43 PM UTC

I really like the TextArea that auto-grows http://nikgraf.github.io/belle/#/component/text-input

It grows/contracts just as expected in Android and iOS too. That's handy. Nice job!

Re: Show HN: Belle – Configurable React Components with Great UX

#5

Post by iweinfuld » Wed, Jul 15, 2015, 5:04 PM UTC

Congratulations Jyoti and Nik. I'm curious what the folks over here think about the choice to put styling in js.

Re: Show HN: Belle – Configurable React Components with Great UX

#6

Post by jyotipuri » Wed, Jul 15, 2015, 5:14 PM UTC

CSS in JS, works great... You see belle components are so very stable and configurable, you change theme of whole app so easily.

Re: Show HN: Belle – Configurable React Components with Great UX

#7

Post by nik-graf » Wed, Jul 15, 2015, 5:32 PM UTC

iweinfuld wrote: post #5

Congratulations Jyoti and Nik. I'm curious what the folks over here think about the choice to put styling in js.

Hey Iwein, there are couple fundamental issue with the way we style HTML elements today. CSS is exposing every declaration into a global namespace. This makes it to eliminate dead code as it is hard to figure out where it is used. Many techniques like BEM were invented and declared as "the right way" to do styling.

I don't know if inline-styles defined in JS are the end-game, but working with it in combination with building components turned out to be working way better for us than using CSS.

If you want to know more about it I highly recommend this slidedeck: https://speakerdeck.com/vjeux/react-css-in-js

Re: Show HN: Belle – Configurable React Components with Great UX

#8

Post by nik-graf » Wed, Jul 15, 2015, 5:32 PM UTC

sebastianconcpt wrote: post #4

I really like the TextArea that auto-grows http://nikgraf.github.io/belle/#/component/text-input It grows/contracts just as expected in Android and iOS too. That's handy. Nice job!

Thanks Sebastian :)

Re: Show HN: Belle – Configurable React Components with Great UX

#9

Post by technic » Wed, Jul 15, 2015, 6:25 PM UTC

Modal and tooltip/popover are the components that forced me to add react-bootstrap to my project (I didn't want to build those on my own.) Really looking forward to trying out Belle once those land.

Re: Show HN: Belle – Configurable React Components with Great UX

#10

Post by nik-graf » Wed, Jul 15, 2015, 7:23 PM UTC

technic wrote: post #9

Modal and tooltip/popover are the components that forced me to add react-bootstrap to my project (I didn't want to build those on my own.) Really looking forward to trying out Belle once those land.

Thanks for your feedback technic. All of them are definitely on our list of components we want to do :)

Have you ever checked out: https://github.com/rackt/react-modal

Seems to be pretty solid implementation.