Jump to content

Welcome to Xbox-Vibes

Sign In Register

馃嚨馃嚤Biblioteka do zarz膮dzania stanem aplikacji React - Jumper


Recommended Posts

  • xTeam

Zapraszam do zapoznania si臋 z nowym projektem naszego klubu - Cardos Studios

Jest to biblioteka do zarz膮dzania stanem aplikacji w 艣rodowisku React, kt贸ra pozwala na tworzenie logiki akcji odizolowanej od logiki komponentu. 脫w akcje mo偶na wywo艂a膰 w ciale komponentu po zadeklarowaniu w konstruktorze komponentu. Jest to p贸ki co nowatorski projekt, kt贸ry b臋dzie stopniowo rozwijany.

https://xbox-vibes.com/index.php?/clubs/page/6-bliblioteka-to-zarz膮dzania-stanem-aplikacji-w-react-jumper/

Przyk艂ad u偶ycia:

Dekorator akcji:

classExampleActionextendsActionOperation聽{
聽聽聽聽name聽=聽"Example聽action聽name";
聽聽聽聽description聽=聽"Example聽action聽description";
聽聽聽聽//Zdarzenia聽akcji
聽聽聽聽onStore(component,聽inputData)聽{
聽聽聽聽聽聽聽聽component.currDocument.removeSlide(inputData.slideID聽-聽1);
聽聽聽聽聽聽聽聽if(component.state.currSlide>inputData.slideID)聽return聽{currSlide:component.state.currSlide-1};
聽聽聽聽}
聽聽聽聽onRestore(component,聽inputData)聽{
聽聽聽聽聽聽聽聽/*聽Logika聽zdarzenia聽*/
聽聽聽聽}
聽聽聽聽onFlush(component,聽inputData)聽{
聽聽聽聽聽聽聽聽/*聽Logika聽zdarzenia聽*/
聽聽聽聽}
}

Przyk艂ad dodania akcji:

component.actions.addOperation(newExampleAction(),聽{
聽聽聽聽聽聽聽聽聽聽聽聽presentationElement:elem[i]聽聽/*聽Input聽Data聽*/
聽});

____________________________________________________________________________________________________________________________________________________________________________

jumper.react.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Create New...