BitShares Forum

Main => Technical Support => Topic started by: VoR0220 on July 22, 2015, 03:46:41 am

Title: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: VoR0220 on July 22, 2015, 03:46:41 am

My experience when it comes to GUIs is mostly in Angular and basic HTML and CSS (the basics), but I have no experience with React. I figure it can't be all that different. In any case, I had an idea for an animation regarding Witness scheduling and I wanted to take a shot at implementing it. Any help in figuring out where I should be looking would be greatly appreciated.

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: svk on July 22, 2015, 06:52:35 am

Well React is quite different from Angular as it's all JS and we're making heavy use of JSX. Your best bet is to start with the react docs here: https://facebook.github.io/react/docs/getting-started.html

As for animations React has a special addon for them, see https://facebook.github.io/react/docs/animation.html

You can find our current code (which is very basic) here: https://github.com/cryptonomex/graphene-ui/blob/master/web/app/components/Explorer/Witnesses.jsx

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: VoR0220 on July 22, 2015, 07:01:00 am

Quote from: svk on July 22, 2015, 06:52:35 am

Well React is quite different from Angular as it's all JS and we're making heavy use of JSX. Your best bet is to start with the react docs here: https://facebook.github.io/react/docs/getting-started.html

As for animations React has a special addon for them, see https://facebook.github.io/react/docs/animation.html

You can find our current code (which is very basic) here: https://github.com/cryptonomex/graphene-ui/blob/master/web/app/components/Explorer/Witnesses.jsx

Thank you very much. Will get reading now.

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: VoR0220 on July 22, 2015, 07:04:36 am

Quote from: svk on July 22, 2015, 06:52:35 am

Well React is quite different from Angular as it's all JS and we're making heavy use of JSX. Your best bet is to start with the react docs here: https://facebook.github.io/react/docs/getting-started.html

As for animations React has a special addon for them, see https://facebook.github.io/react/docs/animation.html

You can find our current code (which is very basic) here: https://github.com/cryptonomex/graphene-ui/blob/master/web/app/components/Explorer/Witnesses.jsx

Actually...I have a separate question. I was browsing around and reading up on javascript animations. You think it would be at all possible to implement Paper.js? Or would that dork things up?

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: cass on July 22, 2015, 11:38:08 am

Great initiative VoR0220!  +5%

Quote

You think it would be at all possible to implement Paper.js?

really nice examples there ..

AFAIK we're trying to go with standard react animations for now .. </wildguess>

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: VoR0220 on July 22, 2015, 05:30:59 pm

Quote from: cass on July 22, 2015, 11:38:08 am

Great initiative VoR0220!  +5%

Quote

You think it would be at all possible to implement Paper.js?

really nice examples there ..

AFAIK we're trying to go with standard react animations for now .. </wildguess>

I'm not exactly liking the animation capabilities available for React...I was thinking something a little more dynamic. If everybody's okay with this, I think I'm going to try to implement an animation written in that, if that's alright with the contributing parties.

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: cass on July 23, 2015, 07:26:03 am

Quote from: VoR0220 on July 22, 2015, 05:30:59 pm

Quote from: cass on July 22, 2015, 11:38:08 am

Great initiative VoR0220!  +5%

Quote

You think it would be at all possible to implement Paper.js?

really nice examples there ..

AFAIK we're trying to go with standard react animations for now .. </wildguess>

I'm not exactly liking the animation capabilities available for React...I was thinking something a little more dynamic. If everybody's okay with this, I think I'm going to try to implement an animation written in that, if that's alright with the contributing parties.

i would love to see what you've in mind ! Pls go forward…  +5%

Title: Re: If I wanted to modify the GUI, where is the doc that I would look at?
Post by: VoR0220 on July 24, 2015, 04:15:57 am

Quote from: cass on July 23, 2015, 07:26:03 am

Quote from: VoR0220 on July 22, 2015, 05:30:59 pm

Quote from: cass on July 22, 2015, 11:38:08 am

Great initiative VoR0220!  +5%

Quote

You think it would be at all possible to implement Paper.js?

really nice examples there ..

AFAIK we're trying to go with standard react animations for now .. </wildguess>

I'm not exactly liking the animation capabilities available for React...I was thinking something a little more dynamic. If everybody's okay with this, I think I'm going to try to implement an animation written in that, if that's alright with the contributing parties.

i would love to see what you've in mind ! Pls go forward…  +5%

Alright. Let me see what I can attack this weekend.