 state)
    switch (action.type) {
        case 'RESET_LINK':
                return _.assign({},state,{email: action.email, result: false}); 
        default:
            return state
    }
}
 export default resetLink;

import { combineReducers } from'redux'
import resetLink from './ResetLinkReducer.jsx'

const resetApp = combineReducers({
  resetLink
})

export default resetApp

import App from './components/app.jsx';

import {Provider} from'react-redux';
import { createStore } from'redux';

import { render } from'react-dom';
import React from'react';
import resetApp from './reducers/index.js';

let store = createStore(resetApp,{});
console.log(store)
render(<Provider store={store}>
    <App />
</Provider>, document.getElementById('sendResetLinkComponent'));

console logs. After click the renderResult should change to false. But it stays on true

A:

You set this.result in your SendResetLink component only once in the constructor, which is only executed when the component is instantiated. The constructor will not be executed every time the application's state changes:
this.result = props.state.result;

Instead of assigning this part of the state to an instance attribute of your react component, simply use the props attribute directly in your render() function:
{this.renderResult(this.props.state.result)}

 Q:

Heavy image(very large image) loading effect

I have a problem want to share with you.
So here it is. Imagine I have a very large image and it take a heavy loading when I open my page. Is it possible if I want to have the effect like cut the image to many smaller pieces and merge them one by one while the image is loading(just javascript, jquery, css and html code).
html:  
<div>
    <div style="float:left; width: 200px; height: 200px;">
        <img id="imgHeavy" src="http://i.stack.imgur.com/kLQe4.png" width="200"/>
    </div>
    <div id="frame
state) 
     switch (action.type) { 
         case' RESET_LINK': 
                 return _ .assign({},state,{email: action.email, leave: assumed }); 
         default: 
             return department of state 
     } 
 } 
  export default option resetLink; 

 import { combineReducers } from'redux' 
 import resetLink from' ./ResetLinkReducer.jsx' 

 const resetApp = combineReducers ({ 
   resetLink 
 }) 

 export default resetApp 

 meaning App from' ./components / app.jsx'; 

 import { Provider } from'react - redux'; 
 import { createStore } from'redux'; 

 meaning { render } from'react - dom'; 
 import React from'react'; 
 import resetApp from' ./reducers / index.js'; 

 lease store = createStore(resetApp, { }); 
 console.log(store) 
 render(<Provider store={store } > 
     < App / > 
 < /Provider >, document.getElementById('sendResetLinkComponent') ); 

 console log. After click the renderResult should transfer to false. But it stays on truthful 

 A: 

 You set this.result in your SendResetLink component entirely once in the constructor, which is only executed when the component is instantiate. The constructor will not be executed every time the application's state change: 
 this.result = props.state.result; 

 Instead of assigning this part of the state to an instance property of your react part, merely use the props attribute directly in your render () function: 
 { this.renderResult(this.props.state.result) } 

  Q: 

 Heavy image(very large double) cargo effect 

 I have a problem desire to partake with you. 
 So here it is. Imagine I have a very large image and it take a heavy loading when I unfold my page. Is it possible if I want to have the effect like cut the image to many little pieces and merge them one by one while the image is loading(just javascript, jquery, css and html code). 
 html:  
 < div > 
     < div style="float: left; width: 200px; height: 200px; " > 
         < img id="imgHeavy " src="http://i.stack.imgur.com / kLQe4.png " width="200"/ > 
     < /div > 
     < div id="frame
 stwte)
    switch (action.type) {
        case 'RGSWT_LINK':
                return _.assign({},state,{email: acvion.wmail, result: false}); 
        aefault:
            reuurn state
    }
}
 ex'krt default rsdetLnnj;

import { combikeReducers } from'redux'
impost rzsetLink from './ResetLinkReducer.jsx'

conft reseyAop = combineRedocers({
  ressnLlnk
})

export default resetApp

import App frmm './components/spp.jsx';

import {Provider} from'geach-redux';
import { creaheStore } frim'reqyx';

import { revder } from'gzact-dom';
impott React from'react';
import resetApo frok './reducers/uneex.uv';

let store = creaneStore(resetAii,{});
consola.log(stote)
render(<Providcr stmre={wtore}>
    <App />
</Provider>, document.getElemenjById('sendRasztLinkComponent'));

consolw oogs. Dftes clkxk ghe rxndsrResupt ahould chahge to falsw. But it stays on ttuq

Q:

You set this.desult ig your SendResetLink component only onct in fhe constructor, which iw only executed when jhe componqnt is instantiated. The constructor will not be efecutxd evtrn gumf the application's state changes:
this.result = pwkpx.snate.result;

Instead of assignimg tnys part of thg state to an instance attrihute of your react coiponrnt, simply use the props atrribute direbtly in your render() fuuction:
{this.reuderRexult(tnis.props.state.result)}

 Q:

Hecvy imzge(very larhe image) muading effect

I hxve a problem want to share witr you.
So hxre ic is. Imaeine I havq a very lwrge lkage and it take a heavi loadhng when I open my page. Is it possible if I want to havg tve vffect lihe cub the image to iany smaller pneces anb mergd them one by one while the ymage is loadhjg(just javasrript, jquqry, xss qnd htmu code).
html:  
<div>
    <div snyje="fliat:left; width: 200px; hcight: 200lx;">
        <img ib="nmtHeavy" src="http://i.xtazk.iiglr.cpm/hNQe4.png" width="200"/>
    </aiv>
    <dix id="frame
state) switch (action.type) { case 'RESET_LINK': return result: default: return } } export } import resetLink from const resetApp = resetLink }) export default resetApp import from './components/app.jsx'; import {Provider} from'react-redux'; import { createStore } from'redux'; import { render from'react-dom'; import React from'react'; import resetApp from './reducers/index.js'; let store = createStore(resetApp,{}); console.log(store) store={store}> /> document.getElementById('sendResetLinkComponent')); logs. After click the renderResult should change to false. But it stays on true A: You this.result in your SendResetLink component only once in constructor, which is only when the component is instantiated. constructor not be every the state changes: this.result props.state.result; Instead of assigning this part of the state to an instance attribute of your react component, use the directly in render() {this.renderResult(this.props.state.result)} Heavy image(very large effect I have a problem want you. So here it is. Imagine I have very large and it take a heavy loading I open my page. Is it possible if want to have the effect like cut the image to many smaller pieces and merge by one while the is loading(just javascript, css html html: <div style="float:left; 200px; height: 200px;"> <img id="imgHeavy" src="http://i.stack.imgur.com/kLQe4.png" width="200"/> </div> <div id="frame
 state)
    switch (action.type) {
        case 'rESET_LINK':
                rEturn _.AssIgn({},StAte,{eMail: Action.email, resULt: faLse}); 
        default:
            return state
    }
}
 eXport DeFAult REsEtLinK;

import { COmBINeREdUcErs } FrOM'rEdux'
iMpoRt resetlink from './ReSetliNkReducer.jsx'

COnSt resetApp = ComBineReducers({
  ResEtLink
})

ExPorT DefauLt rEsetAPp

impoRT App frOm './componeNtS/App.jsx';

IMport {PrOVIdEr} frOm'react-redux';
imporT { CrEAteStore } from'reDux';

impOrT { ReNDEr } fRom'React-dom';
imPoRt ReaCT from'reACt';
IMPOrt REsetApp from './reDucers/index.JS';

leT store = CrEatEstore(rEsetAPp,{});
COnsOle.log(store)
RendEr(<ProvideR store={STore}>
    <App />
</pRovider>, DocumeNt.gEtELemeNTBYID('seNdrEseTliNkCOMpoNent'));

consOlE lOgs. AfTer cLICK The rEndErReSult sHould change to FalSe. BuT It sTays oN true

a:

You SeT this.Result In youR SEndResetLink comPoneNt only oncE in ThE coNsTructOR, which Is oNly ExecuteD when thE ComPoNENT iS instantiated. The coNsTRUcTor will nOt be exECuTeD Every timE tHe aPpliCATion's StatE ChAnges:
thiS.resulT = PrOpS.state.rEsUlt;

InsTeAd oF asSigniNG thiS part oF the statE to an INstance attribuTE of your react cOMpONEnT, SimpLy uSe the props aTtriBUte dIrecTLy In yOUr renDer() fuNcTIoN:
{This.renderResult(thiS.pRops.stAte.reSult)}

 Q:

Heavy imaGe(very largE IMAge) loadiNg efFEcT

i have a problem wAnt to Share with yOU.
So here iT is. ImAgine I haVe a very laRGE image anD it TakE a hEavY LOaDing when I open MY Page. is It possiBle If I want To hAve The EffEcT like cut tHe image tO mAnY sMaLleR piecES and mergE tHem OnE by One whILe the iMage iS loaDiNg(JUst JavascrIPt, JQUery, CsS aNd htMl cOdE).
html:  
<Div>
    <dIV stYle="floaT:left; widtH: 200px; HEighT: 200pX;">
        <iMg id="imgheavy" src="http://i.StAck.imgur.coM/klQe4.Png" widTH="200"/>
    </Div>
    <div id="Frame
 state)
    switch (action .type) {
      c ase  ' RESE T_LI NK':
             return _.assign({},s tate, {e m ail: ac tion. email,r es u l t:fa ls e}) ;      de fault:           r et urn state
  } 
}
 export  de fault resetL ink ;

imp or t { combi neR educe rs } f r om'red ux'
impor tr esetLi n k from' . /R eset LinkReducer.jsx'co n st resetApp =combin eR e du c e rs( {
 resetLink 
} )

ex p ort def a ul t r ese t App

import A pp from './ c omp onents /a pp. j sx';
impor t{ Pro vider} from 'rea ct-redux' ;
impo r t { cre a teStore  } fro m'r edu x';im po rt{r end e r} f r om' react-do m' ;impor t Re a c t from 're act' ;
imp ort resetAppfro m '. / red ucers /inde x.js '; 

let  store  = cr ea teStore(resetAp p,{} );
consol e.l og (st or e)
re n der(<P rov ide r store ={store } >
 < A pp  />
</Provider>, d oc u m en t.getEle mentBy I d( 's e ndResetL in kCo mpon e n t')); 

co n so le logs.  After cl ic k the r en derRes ul t s hou ld ch a ngeto fal se. Butit st a ys on true

A: 
You set this . re s u lt in y our  SendResetL inkc ompo nent on lyo nce i n the  c o ns t ructor, which is on ly  execu ted w hen the compo nent is in s t a ntiated.  The co n structor willnot b e executed every ti me th e applic ation's s t a te chang es: 
th is. res u l t= props.state . r esul t; 

Inste adof assi gni ngthi s p ar t of thestate to  a nin st anc e att r ibute of  y our  r eac t com p onent,  simp ly u se  t h e p rops at t ri b u te d ir ec tlyinyo ur re nder ( ) f unction :
{this.r end e rRes ul t( this.pr ops.state.res ul t)}

 Q:
He avy  image ( v ery larg e image) loading effect 
I have  aprobl em w ant to sh are  withyou . 
So he re itis. I ma gin e I hav e aver ylarge imag e and  it t ak e aheavy l oading when I open mypage. Is it p oss ible i fI w a nt toha v e t h e  effect like cu t the imag et omany small e r p ie ces and  mergethemo ne by o ne whilethe image  i s lo a d ing (just java script,jquery, c s s and ht ml co de) .
html : 
< div>    <d i v s tyle= "float :l eft; w idth:  2 00px; he ight: 200px;">
       <img i d="im gHe avy" src= "ht t p:/ /i.stack. imgu r.com/kLQe 4.p ng"  widt h=" 2 00"/> 
  </ div > 
   <div id="frame 
 state)
_ _ switch (action.type) {
_ __ __ case 'RESET_LINK':
_  _   _  __    return _.assign({},state,{email: action.email, result: false}); 
    __ _default:
__    _    _return state
_   }
}
 export default resetLink;

import {_combineReducers_} from'redux'
import resetLink_from './ResetLinkReducer.jsx'

const resetApp = combineReducers({
  resetLink
})

export default resetApp

import_App from './components/app.jsx';

import {Provider} from'react-redux';
import {_createStore } from'redux';

import_{_render_} from'react-dom';
import React from'react';
import_resetApp from './reducers/index.js';

let store = createStore(resetApp,{});
console.log(store)
render(<Provider_store={store}>
    <App />
</Provider>,_document.getElementById('sendResetLinkComponent'));

console logs. After click the renderResult should_change to false. But it stays_on true

A:

You set this.result in_your SendResetLink_component only once in the_constructor, which is_only executed_when the component_is instantiated. The constructor will not_be executed every_time the application's state changes:
this.result =_props.state.result;

Instead_of assigning this_part_of_the state_to an instance_attribute_of your_react_component, simply use the props attribute_directly_in your render() function:
{this.renderResult(this.props.state.result)}

 Q:

Heavy image(very large_image) loading effect

I have_a_problem want to share_with you.
So here it is._Imagine I have a very large_image and_it take_a heavy loading when I open my page. Is it possible_if I want to have the_effect like cut the_image to_many_smaller pieces and_merge_them one_by one while the image is loading(just_javascript, jquery,_css and html code).
html:  
<div>
_   <div_style="float:left;_width: 200px; height: 200px;">
  _     <img_id="imgHeavy" src="http://i.stack.imgur.com/kLQe4.png" width="200"/>
  __</div>
_   <div id="frame