DEV Community: Nazmul Hasan👻

How to change navigation bar colour using Native Stack Navigator

Nazmul Hasan👻 — Wed, 22 May 2024 11:18:52 +0000

Why Axios is reducing api response?

Nazmul Hasan👻 — Wed, 02 Sep 2020 05:19:29 +0000

Is there any specific reason , why axios might reduce api response? such as the response is an array and there is 2 index data , but after axios process data only one remains. And if there is 1 index , it becomes an empty array. #axios #ReactNative
My code is given below ,


let response = await axios.get(
      `$url`,
      {
        headers: {Authorization: authorize(token)},
      },
    );
    console.log(response);

Nested object clone disaster!!!!!

Nazmul Hasan👻 — Tue, 06 Aug 2019 05:29:48 +0000

I was just trying to clone a parameter and after some manipulation update the redux state. But some unwanted value is updating , cause the clone copied the reference of the object also. Normally we try to assign a value of an object to another via ,

let something= sourceObject

But, it can mutate the source object sometime, if the object is nested. Another way of doing the clone is,

let something= {...sourceObject}

Still same result. Also tried,

let something= Object.assign({},sourceObject)

No change of the scenario. Then, lodash came to rescue,

let something= _.cloneDeep(sourceObject);

Now, it's just cloning the object without mutating it.

ComponentDidUpdate is not firing !!!!!

Nazmul Hasan👻 — Fri, 02 Aug 2019 05:22:01 +0000

I was updating a certain redux state in reducer like this,

case UPDATE_SOMETHING:
      return {
        ...state,
        something: action.something,
      };

and i was checking the state update like following,

componentDidUpdate(prevProps, prevState) {
    const { something } = this.props;
    if (!_.isEqual(prevProps.something, something)) {
      this.setState({ something });
    }
  }

But the problem is, i can see that my redux state is update in redux debugger, but componentDidUpdate is not firing anymore !!!!. After wondering for a while , i tried to update the redux state using shallow copy. Like this,

case UPDATE_SOMETHING:
      return {
        ...state,
        something: {
          ...state.something,
          ...action.something,
        },
      };

Its, working now!!!!!!

Flatlist is not re rendering on props update

Nazmul Hasan👻 — Tue, 16 Jul 2019 06:38:45 +0000

I was trying to update an icon in flatlist according props. But its seems though the props is updated, no changes is reflected in view. I consoled data in every flow that is going on , to check what's missing. Roaming around the console for a while resorted to stackOverflow and found the solution https://stackoverflow.com/a/51416714/3237884 .