Biblioteka do zarządzania stanem aplikacji React - Jumper

[Grano22]

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.

{___base_url___}/index.php?/clubs/page/6-bliblioteka-to-zarządzania-stanem-aplikacji-w-react-jumper/=

 

Przykład użycia:

Dekorator akcji:

class ExampleAction extends ActionOperation {

    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(new ExampleAction(), {

            presentationElement:elem[i]  /* Input Data */

 });

____________________________________________________________________________________________________________________________________________________________________________