coleturner/react-components

React components and other various shortcuts that I frequently use.

React Components

Most of these components I wrote in ES6/7 environments.

Other

• React Timespan
• React Masonry

react-components's Issues

Cannot read property 'displayName' of undefined

i am getting undefined error on itemComponent.
the code from view.jsx

`const componentName = itemComponent.type.displayName || itemComponent.type.name;`

if you can explain MyMasonryItem class it would be really helpful right now

How to use Masonry

Good Morning
I read your article "Masonry in React: A Performance Hell" and I'm trying to use the components but I'm not getting it because it seems like some dependencies are missing. Do you have any examples using Masonry to help me?

Edson Martins
Brasil

Undefined variable "component" in Masonry

In the code for the Masonry component, in line 147, the variable component is never defined.

Masonry columnGap filtering

Hi! Thanks for the write up and great component!

I'm in the process of converting this into TypeScript for a project where I'll be using it. Perhaps I don't quite understand the code, but it seems there's a possible bug on the following line and the line below it:

react-components/Masonry/View.jsx

Line 258 in 3ed900f

columnGaps[item.column + index] = columnGaps[item.column + index].filter(gap => {

As I understand, columnGap is of type number[][], so for example [[0, 1], [2, 4]]. However in the above line the filter method is applied to the inner array here columnGaps[item.column + index].filter(...) and so it is traversing the number values of columnGap at a specific index. Therefore the array destructuring on the next line is invalid: const [gapTop, gapHeight] = gap;, since gap here is of type number, not Array.

Use masonry in my project

Hello, first thank for great article and example code of masonry.
I need exactly component like this in my project. It is possible to use it from this example code which you have in repository?

Uncaught TypeError: Cannot read property 'isRequired' of undefined at Masonry.jsx (Masonry.jsx:88)

Hi Patrick! I had copy and paste "View.jsx" in my project. Then install meteor npm install --save classnames lodash.throttle

Then, i import the component and get that error: Uncaught TypeError: Cannot read property 'isRequired' of undefined at Masonry.jsx (Masonry.jsx:88)