reactjs - React. Is it bad if presentational components contain container components? -

-

according https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.i63w9pvzw

presentational components:

  • may contain both presentational , container components** inside, , have dom markup , styles of own.
  • have no dependencies on rest of app, such flux actions or stores.

i think if presentational components contain container components, depend on flux or redux (or whatever container components depend on).

that make presentational components hard test , reuse.

it's not bad, it's fine. whole point of react-redux let connect container components directly store without having pass entire store down every component prop. component reuse isn't issue, since <provider> component make connected container components work anywhere below it.

it's not hard test container components either. can make connected component default export, export unconnected component named export, can use tests, , manually pass props in tests. see "connected components" section of 'writing tests' part of redux docs more info.

as testing presentational components contain container components, won't problem. shallow render still work fine in tests (unless you're running this issue). , if need mount component in test, can wrap in <provider> component store specific test.

edit: answer specific redux react-redux. other flux implementations may have difficulties i'm not aware of.


Comments

Post a Comment

Popular posts from this blog

html - Styling progress bar with inline style -

-
i trying set progress bar color red using inline style. need in way because have access <body> part of document. style need apply: progress { color: red } progress::-moz-progress-bar { background: red;} progress::-webkit-progress-value { background: red; } progress[aria-valuenow]:before { background: red; } i tried <progress style="background: red;"> incorrect effect, progress bar color turns blue red background. guide right direction desired style? thank in advance. here live example: https://jsfiddle.net/z36d3f6l/
Read more

java - Oracle Sql developer error: could not install some modules -

-
i have downloaded fresh copy of sqldeveloper ( sqldeveloper-4.1.3.20.78-no-jre ) oracle website. when unzip , lauch gui, keep getting following error message: warning - not install modules: dynamic module config - no module providing capability org.netbeans.netbinox found. my system: windows 7 32 bit hp probook. jdk 1.6 , 1.7, 1.8 available in java/jdk subdirectory. netbeans 8.0.2 installed finally got way out after dirty hours. extracted sqldeveloper zip in nested directory. i.e: e://a/b/c/sqldeveloper. starting sqldeveloper gui above directory threw erros. solution: go in c:\users**username**\appdata\roaming : delete sql developer , sqldeveloper folders extract sql developer zip in new non nested directory. i.e: e:// start , should work now reference: https://community.oracle.com/thread/3870680?start=0&tstart=0
Read more

How to use autoclose brackets in Jupyter notebook? -

-
this may sound silly question, how make use of autoclose brackets in jupyter notebook? example, when type print( jupyter notebook auto-closes brakets print() and places cursor inside. type argument, say print(1 + 1) now cursor between second 1 , right bracket ) . key navigate right of ) ? of course can press end or → or ) achieve this, not seem save time, purpose of brackets autoclose suppose? thanks in advance.
Read more