mindtech-package-test

Package install steps

1. npm i mindtech-package-test --save
2. Go to project/node_modules/mindtech-package-test/package.json
3. copy the “install-mindtech-peer-dependencies” script into the project scripts (project/package.json)
4. run script: npm run install-mindtech-peer-dependencies
5. DONE

Linter FAQ / tips:

Common rules / mistakes:

1. eslint(class-methods-use-this) : A függvénynek arrow functionnek kell lennie
2. eslint(consistent-return) : A függvényeknek mindig kell valami return. Ha a függvénynek több feltétele is van ami miatt abortolna a függvény, azok legyenek elől és a végén ha nem abortolt a függvény akkor lesz a sikeres return

        if (abortCondition1) return null;
        if (abortCondition2) return null;
        if (abortCondition3 && abortCondition4) return null;

        return (
          ...successfullyRenderedComponent...
        )

3. eslint(no-unused-expression) :

   • legyen kiírva rendesen az "if" az olvashatóság és bővíthetőség miatt:

        if(condition) do();

   -JSX-re nem vonatkozik a rule és lehet használni, ettől függetlenül a hosszú és átláthatatlan ternary erősen elkerülendő

4. no-case-declarations VS switch-case/no-case-curly

   • no-case-declarations: Logikát az actiönnek kéne csinálnia mert a reducer egy egyszerű PureFunction. Ha értékadás történik benne akkor valószínű nincs jól megírva az action mert logikát tartalmaz a reducer. Értékadáshoz legtöbbször nincs szükség a payload destructoringra.
   • switch-case/no-case-curly: case ne legyen curly bracebe -> azért lenne curly brace mert értékadás van benne -> logika -> nem jó az action

Linter probléma megoldásának menete:

1. ha nem egyértelmű miért van aláhúzva, mouse hover
2. Quick fix...
3. show documentation for rule
4. elolvasod a részletes leírást, legtöbbször vannak példák, jó és rossz felhasználások és leírás hogy miért szükséges a rule
5. Fixeled vagy ha nem világos megkérdezel valakit

HIT custom

1. no_underscore_dongle ON -> OFF
2. no githook