Question: There are around 3 hundred components rendered inside the wrapper component and its taking to much of time to render. But I need thousand of components to get rendered inside the wrapper container. How can I achieve this without any performance issues while rendering the components
[Image shows the rendering time taken by 300 components which is too much](https://i.stack.imgur.com/WhoMQ.png)

Answer: 
You could sort the strings for the same order and join it.

```js
function getUnique(a, b) {
    return [a.toString(), b.toString()].sort().join('');
}

console.log(getUnique("apple", "ball"));
console.log(getUnique("ball", "apple"));
```

For numbers, i suggest to use a separator and numerical order.

```js
function getUnique(a, b) {
    return [a, b].sort(function (a, b) { return a - b; }).join('|');
}

console.log(getUnique(1, 111)); // 1|111
console.log(getUnique(111, 1)); // 1|111
console.log(getUnique(11, 11)); // 11|11
```
You can use `concat` method. See this example:

```
var str1 = "Hello ";
var str2 = "world!";
var res = str1.concat(str2);

```

Source: <http://www.w3schools.com/jsref/jsref_concat_string.asp>