These are chat archives for dev-ua/reactjs

28th
Jul 2017
Юрий Ярош
@yuriy-yarosh
Jul 28 2017 08:00
@rajdee и recompose и вообще любым hoc'ом ...
Там трабла что на iOS JIT в JavascriptCore не пашет (и не может пахать из-за политики безопасности)
Ruslan Abdullaev
@rajdee
Jul 28 2017 13:12
@yuriy-yarosh какие есть алтернативы HOC и recompose, в частности?
Igor
@geekartisans
Jul 28 2017 13:53
Всем привет, подскажите плиз кто юзал "styled-components" на больших таблицах 300-400 и больше строк ужасно тормозит Unmount компонента, что я делаю не так?
import styled from 'styled-components';
import cssVariables from 'assets/cssVariables';

const TableRow = styled.span`
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid ${cssVariables.color45};
  background-color: ${cssVariables.color46};
  box-shadow: ${cssVariables.boxShadow};
  color: ${cssVariables.color47};
  font-size: 12px;

  &:hover {
    background-color: ${(props) => props.theme.hoverColor};
    cursor: pointer;
  }
`;

export default TableRow;
Если этот кусок кода заменить на простой <span> то реакт быстрее удаляет компонент со страницы
Terry Sahaidak
@terrysahaidak
Jul 28 2017 19:06
@geekartisans відкрию страшну таємницю — стайлед компонентс ужасно тормознута штука.
я б краще юзав шось таке
https://github.com/cssinjs/styled-jss
Illia Seheda
@ALF-er
Jul 28 2017 19:16
вторая версия не такая и тормознутая
Myroslav Tantsyura
@Nahasaki
Jul 28 2017 19:22
я в принципі офігіваю від тої ідеї. Парсити всі стилі js-ом… Навіть статичні
Illia Seheda
@ALF-er
Jul 28 2017 19:24
почитай доки
@geekartisans ты v2 юзаешь? юзаешь плагин под бабель?
Ruslan Gunawardana
@exarus
Jul 28 2017 23:19
есть какая-то более или менее свежая статья про CSS и React?
Vlad Shcherbin
@VladShcherbin
Jul 28 2017 23:26
@exarus если ты про css in js, то пакеты для этого, как и статьи, выходят практически каждый месяц. Из последнего - emotion. Ну а так, стандартный импорт css/scss/etc файлов как работал, так и работает.
Ruslan Gunawardana
@exarus
Jul 28 2017 23:26
Я сейчас такие подходы знаю:
  1. обычный CSS. просто. классы глобальные. плохо scale-иться.
  2. CSS Modules. чуть поднастроить bundler. немного больше boilerplate. css не глобальный. scale-иться норм.
  3. React CSS Modules. то же самое но меньше boilerplate, особенно если настроить на это babel. https://github.com/gajus/babel-plugin-react-css-modules
  4. CSS in JS. Максимум гибкости. меньше файлов. styled-components, https://github.com/cssinjs/styled-jss ...?
ещё что-то пропустил?