reactjs - Low performance in React Native with Redux -


i have discovered issues performance in react native app. seems caused react-redux bundle.

as can see in video

redux/flux/setstate comparing

there significant delay between action dispatching , view rendering. on real devices looks worse. there no api calls in example. simple actions dispatching , state changes. on other hand facebook flux implementation , simple call of setstate work more faster.

any ideas how improve app performance?

i using react: v15.2.1, react-native: v0.29.2, react-redux: v4.4.5,

view

import { bindactioncreators } 'redux'; import { connect } 'react-redux';  import {map} 'immutable';  import * testactions '../reducers/test/testactions'; import {actions} 'react-native-router-flux';  const actions = [   testactions ];  function mapstatetoprops(state) {   return {       ...state   }; }  function mapdispatchtoprops(dispatch) {   const creators = map()           .merge(...actions)           .filter(value => typeof value === 'function')           .toobject();    return {     actions: bindactioncreators(creators, dispatch),     dispatch   }; }  ........  <view style={styles.box}>     {price_filters.map(filter =>{         let price_cont_style = {};         let price_text_style = {};         if (filter.id == price_filters[3].id){             price_cont_style.marginright = 0;         }         if (filter.id == this.props.test.price){             price_cont_style.backgroundcolor = 'black';             price_text_style.color = 'white';         }         return(         <touchableopacity              key={filter.id}              style={[styles.price_cont, price_cont_style]}              onpress={()=>this.props.actions.setprice(filter.id)}>         <text              style={[styles.price_text, price_text_style]}>             {filter.label}         </text>         </touchableopacity>         );     })} </view>  ......  export default connect(mapstatetoprops, mapdispatchtoprops)(performancetest);

actions

const {     test_set_price, } = require('../../lib/constants').default;  export function setprice(filter) {   return {     type: test_set_price,     payload: filter   }; }

reducer

const {     test_set_price, } = require('../../lib/constants').default; const initialstate = require('./testinitialstate').default; export default function authreducer(state = initialstate, action) {   switch (action.type) {    case test_set_price:         if (state.price!=action.payload){             return {price:action.payload}         } else{             return state;         }      }     return state; }

i've noticed in video, have redux-logger enabled, flux , setstate not log console.

it might console.log causes performance drop. there known issue, here explanation.

try turn off console logging , see how affects performance.


Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

i have entity inherits other. on other hand, i'm using lombok project reduce boilerplate code, put @data annotation. annotation @data inheritance produces next warning: generating equals/hashcode implementation without call superclass, though class not extend java.lang.object. if intentional, add '@equalsandhashcode(callsuper=false)' type. is advisable add annotation @equalsandhashcode (callsuper = true) or @equalsandhashcode (callsuper = false) ? if not added, 1 callsuper=false or callsuper=true ? the default value false . 1 if don't specify , ignore warning. yes, recommended add @equalsandhashcode annotation on @data annotated classes extend else object. cannot tell if need true or false , depends on class hierarchy, , need examined on case-by-case basis. however, project or package, can configure in lombok.config call super methods if not direct subclass of object. lombok.equalsandhashcode.callsuper = call for configuration system ...
Read more

java - BasicPathUsageException: Cannot join to attribute of basic type -

i using java 8 jpa (hibernate 5.2.1). have clause works perfectly, until introduce clause make use foreign key table values too. i getting following error: basicpathusageexception: cannot join attribute of basic type i think problem related fact have join table, , not sure how create join using join table. employee - employee_category - category model (employee.java): @manytomany(cascade = cascadetype.all, fetch=fetchtype.eager) @jointable ( name="employee_category", joincolumns={ @joincolumn(name="emp_id", referencedcolumnname="id") }, inversejoincolumns={ @joincolumn(name="cat_id", referencedcolumnname="id") } ) private set<category> categories; model (category.java): @id private string id; jpa when introduce following code, fails error above (i think problem new piece of code): join<t, category> category = from.join("id"); predicates.add(criteriabuilder.like(category....
Read more