Tag: Tips & Tricks

How to add custom fonts in react native 60+

Create a file in your react native project called react-native.config.js:
In it, paste

module.exports = {
    project: {
      ios: {},
      android: {},
    },
    assets: ['./src/assets/fonts/'],
  };

assets: ['./src/assets/fonts/'], should be the path to wherever you stored your custom fonts in your project folder.
When you run the link command, it should work then.

It is very important to use with the full name of the file without extension
https://github.com/facebook/react-native/issues/25852#issuecomment-567279869

Remove Array Duplicates in ES6

const array = ['🐑', 1,  2, '🐑','🐑', 3];

// 1: "Set"
[...new Set(array)];

// 2: "Filter"
array.filter((item, index) => array.indexOf(item) === index);

// 3: "Reduce"
array.reduce((unique, item) => 
  unique.includes(item) ? unique : [...unique, item], []);


// RESULT:
// ['🐑', 1, 2, 3];

https://www.samanthaming.com/tidbits/43-3-ways-to-remove-array-duplicates/

Remove duplicates from an array of objects in JavaScript

Nice and clean if you only want to remove objects with a single duplicate value, not so clean for fully duplicated objects.

export const uniqueArray = arr => {
  return Object.values(
    arr.reduce((acc, cur) => Object.assign(acc, { [cur.id]: cur }), {}),
  );
};

https://stackoverflow.com/questions/2218999/remove-duplicates-from-an-array-of-objects-in-javascript