Download the PHP package nettpack/stage without Composer

NettPack - staging

Nettpack staging is package for creating node components into Nette project.

Required

• @nettpack/core

How to use:

• First copy and paste content ./src/Config/stageJs.neon.dist into your config.neon in Nette project

• Now use trait NettPack\Stage\Application\NettPackTrait into your base presenter file. ``

• In layout.latte use this in head tag `

• In layout.latte use this in body tag on bottom line `

How to use Application js class:

• now you must study @nettpack/core line "example module (each module is webpack.config.js)" and search in webpack.config.js entry : {app: []} Entry point of this application.js like this: `

• now you must study @nettpack/core line "How to insert another vendor package files into build collection"

• Now you can create ComponentClass with sagas like this: `

  • Function initial start after App start function run();
  • Annotation @Saga('TYPE_NAME')
    • TYPE_NAME name of event
    • function which may be run after event fire(to this action has been insert parameter action, this is Action object /vendor/nettpack/stage/src/Assets/Action.js)
    • SAGA_REDRAW_SNIPPET - fire after redraw snippet action

• If you want run saga onAnchor your component, you can use phpAnnotation.

  ``

  • After redrawControl my-component fire saga event SAGA_MY_COMPONENT and callback which has been on this event set `
• If you want after Ajax action run another saga. To request data or parameters place parameter 'saga' and value 'name_of_saga_may_be_run_after_response' `

• If you want into saga pass another custom parameter please use function addSagasParameter

  `

Reducers

• BaseComponent contains function createReducer

  • Reducer is for change current state in store inside your application thanks listening on sagas events.
• Reducer example:

`

• And from App you can this reducer call

`

• In devTools in your browser adminMode you can see 'prev state' and 'next state' change inside Test object (my testReducer):