ну здесь был некрасивый форс одно время, когда кто-то хайпанул, и на любой вопрос о редаксе отвечали “возьми эффектор”
Ну это скорее как шутку можно было воспринимать, но мб как форс воспринималось кем-то
Александр
Andrey
мейнтейнера уже нет в чате, но раньше был
раньше эт емнип больше года назад
ну суть не в этом
а в том, что мейнтенер напрямую заинтересован успехом проекта
Yury
в защиту @artalar скажу: А как по другому людям узнать о чем-то новом? вроде ж не проталкивает насильно. Вот люди попробуют заюзать реатом, потом эффектор попробуют - выберут что им нравится
artalar
раньше эт емнип больше года назад
ну суть не в этом
а в том, что мейнтенер напрямую заинтересован успехом проекта
Поэтому я не пишу длиннующие треды про то какой реатом классненький, а спрашиваю людей - почему нет?)
Andrey
в защиту @artalar скажу: А как по другому людям узнать о чем-то новом? вроде ж не проталкивает насильно. Вот люди попробуют заюзать реатом, потом эффектор попробуют - выберут что им нравится
у реатома есть свое комьюнити, никто не мешает им, как гордым пользователям хвастаться, как они бустнули свой DX скорость разработки, …
Andrey
Поэтому я не пишу длиннующие треды про то какой реатом классненький, а спрашиваю людей - почему нет?)
повторюсь, единственная моя претензия - в двух вещах, умещающихся в одном человеке - лычка и то, что он мейнтейнер рекламируемого продукта)
Алексей
Короче. Я заметил весьма сильное продвижение эффектора от кучи людей и на этом фоне продвижение реатома выглядит достаточно слабым.
artalar
у реатома есть свое комьюнити, никто не мешает им, как гордым пользователям хвастаться, как они бустнули свой DX скорость разработки, …
Народу кто пробовал пока мало. Тот же эффектор набрал реальных пользователей только после постоянного упоминания оного тут самим автором)
Андрей
Народу кто пробовал пока мало. Тот же эффектор набрал реальных пользователей только после постоянного упоминания оного тут самим автором)
Ну, не сказал бы. Вокруг Димы всегда была тусовка, которая сейчас и пиарит эффектор.
Алексей
повторюсь, единственная моя претензия - в двух вещах, умещающихся в одном человеке - лычка и то, что он мейнтейнер рекламируемого продукта)
Не вижу ничего страшного, пока лычка не злоупторебляется
Oleh
Ребята привет, такой вопрос, юзаю реакт-роутинг, и когда перехожу по ссылке, двигаю историю браузера туда-назад, он работает как положено (без перезагрузки страницы), но, когда я ввожу адресс роута вручную ( в строке в браузере) то страница перезагружается (даже если ввожу правильный рот =)), так должно быть или мой завтык гдето ?
Тимофей 🛴
Anonymous
artalar
Andrey
Не вижу ничего страшного, пока лычка не злоупторебляется
это и есть злоупотребление
лычка для большинства, особенно не завсегдатаев чата - жирный плюс к репутации
нисколько ни умаляя достижений Артема, мне кажется, таким образом пиариться - не комильфо
все ето мое мнение, для меня всегда лычка админа накладывает некоторые обязательства, помимо прав
Алексей
это и есть злоупотребление
лычка для большинства, особенно не завсегдатаев чата - жирный плюс к репутации
нисколько ни умаляя достижений Артема, мне кажется, таким образом пиариться - не комильфо
все ето мое мнение, для меня всегда лычка админа накладывает некоторые обязательства, помимо прав
Опять же, у Совы была личка. Она ему вообще не мешала пиарить эффектор.
artalar
это и есть злоупотребление
лычка для большинства, особенно не завсегдатаев чата - жирный плюс к репутации
нисколько ни умаляя достижений Артема, мне кажется, таким образом пиариться - не комильфо
все ето мое мнение, для меня всегда лычка админа накладывает некоторые обязательства, помимо прав
Т.е. админ не может быть пользователем чата, только надзирателем?
=(
Богдан
+
одна из главных мотиваций апишки реатома
Спорно, реатом точно так же как и редакс стимулирует писать код который ровным слоем размазывается на кучу мест. Тут даже далеко ходить не надо - возьмем пример с тодошками. Изначально у нас есть рендер списка тодошек и инпут ввода новой тодошки и нужно добавить фичу добавления тодошки которая заключается двух действиях - 1) добавить новую тодошку в список с текстом из инпута 2) очистить инпут текста новой тодошки. И если в мобиксе фичу добавления тодошки я могу записать в одном месте
const addTodo = () => {
state.todos.push({text: state.newTodoText})
state.newTodoText = ""
}
буквально - 1-я строчка кода - добавление тодошки а 2-я строчка кода - очистка инпута новой тодошки.
То в реатоме предагается эту фичу добавления тодошки реализовать так
const addTodo = declareAction();
const newTodoText = declareAtom("", on => [
on(addTodo, state => "")
]);
const todos = declareAtom([], on => [
on(addTodo, (state, text) => [...state, {text}])
]);
То есть создать событие и обработать его в сторе который хранит инпут новой тодошки и в сторе который хранит список тодошек. То есть получается что логику добавления тодошки мы разбили по частям и разнесли по сторам. А теперь попробуем подумать как такой подход будет масшитабироваться с добавлением новых и более сложных фич - получается что логика обработки клика по какой-то кнопке (где нужно обновить данные во многих местах) будет ровным слоем размазываться по куче разных сторов (и соотвественно по куче мест в исходниках). И это не говоря уже про то что для того чтобы понять что происходить при клике по кнопке придется пересмотреть кучу сторов которые обрабатывают это событие клика по кнопке
Andrey
Т.е. админ не может быть пользователем чата, только надзирателем?
=(
я так не говорил)
я к тому, что то или иное высказывание будет по разному восприниматься, от пользователя с лычкой и без)
тут ситуация такая, что со стороны это выглядит некруто, как с примером про автора $mol
если есть потребность в рекламе, это нормально, ее надо делать, но другими способами
Алексей
ох уж этот $mol
Andrey
Опять же, у Совы была личка. Она ему вообще не мешала пиарить эффектор.
ну речь не про Сову, вообще
но за ним я не замечал откровенного форса
все упоминания были на вопросы формата “блин, редакс не оч, есть альтернативы??”
Алексей
Anonymous
Подскажите плиз как выбирать элементы рандомно без повторений из массива? Спасибо!
artalar
я так не говорил)
я к тому, что то или иное высказывание будет по разному восприниматься, от пользователя с лычкой и без)
тут ситуация такая, что со стороны это выглядит некруто, как с примером про автора $mol
если есть потребность в рекламе, это нормально, ее надо делать, но другими способами
та это не реклама, я рассказываю свой опыт: есть куча проблем у редакса, есть немного у мобыкса, у эффектора не все нравится - в итоге взял, собрал все в голове, проанализировал, сделал исправив все недостатки (которые мне таковыми кажутся).
Я не сделал либу ради либы, у меня было куча практического опыта, особенно с редаксом, и я сделал либу которая решается множество реальных проблем.
При этом в доке есть (в faq) раздел про трейдофы - серебрянных пуль, конечно, не бывает.
Konstantin
Yury
Подскажите плиз как выбирать элементы рандомно без повторений из массива? Спасибо!
заведи отдельный массив с уникальными ключами каждого элемента, который уже был выбран - проверяй и не разрешай если уже был. Либо в исходный массив каждому элементу добавляй флаг, что он уже был выбран
Andrey
та это не реклама, я рассказываю свой опыт: есть куча проблем у редакса, есть немного у мобыкса, у эффектора не все нравится - в итоге взял, собрал все в голове, проанализировал, сделал исправив все недостатки (которые мне таковыми кажутся).
Я не сделал либу ради либы, у меня было куча практического опыта, особенно с редаксом, и я сделал либу которая решается множество реальных проблем.
При этом в доке есть (в faq) раздел про трейдофы - серебрянных пуль, конечно, не бывает.
да блинский, Артем, ну я же говорю
не имею никаких претензий к продукту, к тебе, как к автору и человеку
но имею, как к модератору етого чатика
если вам кажется, что я просто докапываюсь, или что-то еще, вы можете просто игнорировать)
artalar
Кароч я так и не понял, но ок, не будем раздувать тред)
Алексей
Короче, резюмирую. Пиар и лычка или другие атрибуты некоторой репутации на мой взгляд не являются чем-то из ряда вон выходящим. Или даже неэтичным на мой взгляд. Пока эти привелегии не злоупотребляются в виде бана/ро противников проекта, который пиарится.
Китикет
Или пока админ не является никитой
Andrey
Короче, резюмирую. Пиар и лычка или другие атрибуты некоторой репутации на мой взгляд не являются чем-то из ряда вон выходящим. Или даже неэтичным на мой взгляд. Пока эти привелегии не злоупотребляются в виде бана/ро противников проекта, который пиарится.
спасибо за резюме, мы с вами свяжемся
как я и говорил, админ это не просто про бан/ро, это своего рода публичное лицо
как депутат, министр, … в масштабах чата, что как мне кажется должно накладывать свои ограничения в поведении
Daniil
Китикет
Подскажите плиз как выбирать элементы рандомно без повторений из массива? Спасибо!
Лучше бери массив ключей, делай по ним рандом, потом полученный ключ оттуда убирай
Либо делай массив уже выбранных ключей, делай перед выбором дифф между ними и всеми ключами, и из результата рандомно выбирай
🦜
Виталий
Подскажите плиз как выбирать элементы рандомно без повторений из массива? Спасибо!
Функцию сделай которая принимает 0 и число длина массива -1. Потом ищи случайное число в этом диапазоне включительно
Китикет
Лучше бери массив ключей, делай по ним рандом, потом полученный ключ оттуда убирай
Либо делай массив уже выбранных ключей, делай перед выбором дифф между ними и всеми ключами, и из результата рандомно выбирай
Лучше 2 вариант, потому что с динамическим массивом проще работать
Artem
Nikolay
У меня на странице есть HTML кнопка и react приложение, они никак не связаны.
Как реакту сообщить что по html кнопке кликнули?
Yury
Vladimir
Z.R.K
Как загрузить потоковый csv файл в реакте?
Бэкенд на джанго генерирует на лету csv и отправляет его с помощью Stream Httpresponse.
Если сделать запрос на API через адресную строку Хрома то файл грузится как надо.
Есть вариант через axios:
axios({
url: 'http://localhost:5000/static/example.pdf',
method: 'GET',
responseType: 'blob', // important
}).then((response) => {
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf');
document.body.appendChild(link);
link.click();
});
но фронт ждет пока загрузится полный файл и только потом его отдает на загрузку.
Другой вариант StreamSaver.js
но тут нужно дополнительно поднимать сервис на бэкенде.
какие еще есть способы загрузить потоковый файл?
Anonymous
Функцию сделай которая принимает 0 и число длина массива -1. Потом ищи случайное число в этом диапазоне включительно
Да, такой вариант сейчас делаю, если получится. Спасибо
Z.R.K
на ноде можно поток читать и отдавать кусками вроде как
ноды нет на проде,
бэк сервер и так частями отдает файл
Denis
Друзья, срочно ищем докладчика на следующий React Moscow Meetup, который состоится 11 декабря в Москве!🎉 Есть что интересное и глубокое рассказать? Пишите в ЛС 👉 @DenisIzmaylov
Давайте зажгём как следует в последние дни года! 🔥
React Moscow Meetup 5: HOC, Hooks, Java & React, Huge Apps, MobX vs Redux
Jingle bells, друзья! Новый 2020 год и Рождество приходят. А какое Рождество без чудес и сказки? 🙂 Казалось мы бы совсем недавно было 1 июня и мы собирались – более 400 человек на бесплатной конференции React Russia 2019. Хорошие отзывы прилетают до сих пор – кто-то сменил весь подход к разработке, кто-то нашел новый вектор развития, а кто-то даже нашел новых друзей или даже свою вторую половинку. 🙂 С этого момента наш чат в Telegram ( https://t.me/react_js ) вырос до 8700+ человек.
Это был великолепный год. Он принёс прекрасный код. Количество проектов, мигрирующих на React.js неуклонно растет, требования к архитектуре приложений возрастают. Микросервисный фронтенд, SSR и CSS-in-JS (в любых реализациях) больше не звучат, как ругательства-надругательства. Уникальность опыта, интеграций и практик нарастает по экспоненте. Чуть больше года прошло с официального релиза React Hooks. Изменилось почти всё. Провожая уходящий год, давайте соберёмся на площадке наших партнеров из Газпромбанк, подведем итоги и пожелаем друг-другу прекрасного 2020 года на большом рождественском React Moscow Meetup.
ДАТА И ВРЕМЯ: 11 декабря 2019, 19:00
ГДЕ: Москва, ул. Коровий Вал 5 (ст. Октябрьская, ст. Добрынинская), Газпромбанк.
ВНИМАНИЕ! Обязательно возьмите с собой паспорт, чтобы попасть на территорию бизнес-центра.
ПРОГРАММА:
19:00-19:10 Socializing, встречаемся, общаемся
19:10-19:20 Вступительное слово от Газпромбанк Зауэрс Дмитрий Владимирович, заместитель председателя правления
19:20-19:30 Welcome talk (Денис Измайлов, Axept)
19:30-20:00 Хоки и хуки (Дмитрий Григоров, Газпромбанк)
Вы когда-нибудь сталкивались с дублированием кода в компонентах? Пытались ли вы сделать так, чтобы компонент был комбинируемый и был максимально переиспользуемым другими компонентами? В своем докладе Дмитрий расскажет о некоторых приемах использования компонентов высшего порядка (High Order Components) и сравним их с приемами, которые принесли хуки в "синтаксис" Реакта. Все думают, что одно пришло заменить другое, но на данном докладе мы попытаемся разобраться – действительно ли это так?
20:00 - 20:40 Море проблем: миграция с легаси на React.js! (Олег Коровин, Одноклассники)
Доклад про то, как Одноклассники решили начать миграцию со старого стека на Реакт, и какие при этом были трудности, с которыми пришлось справляться. Невероятная история запуска Реакта в мире Java.
20:40 - 21:00 Кофе-брейк, живое общение
21:00 - 21:30 Мы не знаем, кто использует наше приложение (Кир Дергачев, Mos.Ru)
Как переписать приложение, которые используется сотней команд, не поломав совместимость – как подготовиться к такому проекту и как не наступить на грабли, на которые наступили в Mos.Ru? Кир также поделится интересными решениями и расскажет, почему тестировщик – лучший друг программиста.
21:30 - 22:00 Почему мы выбрали MobX, а не Redux? ("Назим Гафаров, Mail.Ru Cloud Solutions)
Доклад о том, мы отказались от трехлетнего опыта работы с Redux и переключились на MobX. Расскажу, на что смотрели и что повлияло на наш выбор. Кратко пройдемся по основным концепциям MobX и сравним их с реактивностью в Angular.js и Ember.js.
22:00 - 06:00 Afterparty, вопросы-ответы, откровения о наших болях и радости, без камер, записи и журналистов 🙂
УСЛОВИЯ УЧАСТИЯ:
1. Конференция бесплатная, но вход строго по регистрации. Регистрация по ссылке: https://axept.timepad.ru/event/1135941/
2. Для того, чтобы зарегистрировать – необходимо заполнить форму ниже, отправив таким образом заявку и дождаться приглашения.
ОСТАЛИСЬ ВОПРОСЫ?
Появились вопросы/предложения или может даже готовы выступить с докладом на следующей конференции-митапе?
Пишите срочно events@axept.com или напрямую в Telegram: @DenisIzmaylov
И ЕЩЁ:
1. Подписывайтесь на канал конференции, чтобы быть в курсе событий: https://t.me/ReactMoscow
2. Вступайте в Facebook-группу: https://www.facebook.com/groups/ReactRussia
arthur
уже закрыто, ещё будут билеты?
Denis
Оу спасибо
Denis
Пофиксил
Bogdan
а завтра конфа, где запись взять можно?
Andy
Привет
Andy
ребята кто работал с Telegram api
konstantin b.
Здрасте ребята! Помогите с styled, пожалуйста. Есть div, внутри которого svg. При наведении на div svg надо перекрасить (изменить path fill=newValue)
Выглядит так. CloseIcon - функция с параметрами, которая возвратит svg. Параметр color привязан к path fill, size - размер svg
<IconContainer onClick={handleClose}>
<CloseIcon color="#a1a1a1" size={16} />
</IconContainer>
Стили
const IconContainer = styled.div`
&:hover {
${CloseIcon} {
fill: ...;
}
}
`;
На hover не получается никак переопределить fill. Вот так пробовал ${CloseIcon} path {fill: color } не работает.
Kirill
Сергей
Здрасте ребята! Помогите с styled, пожалуйста. Есть div, внутри которого svg. При наведении на div svg надо перекрасить (изменить path fill=newValue)
Выглядит так. CloseIcon - функция с параметрами, которая возвратит svg. Параметр color привязан к path fill, size - размер svg
<IconContainer onClick={handleClose}>
<CloseIcon color="#a1a1a1" size={16} />
</IconContainer>
Стили
const IconContainer = styled.div`
&:hover {
${CloseIcon} {
fill: ...;
}
}
`;
На hover не получается никак переопределить fill. Вот так пробовал ${CloseIcon} path {fill: color } не работает.
сделай fill: "currentColor"
затем меняй цвет иконки через color: 'red' , будто цвет текста
D
@DenisIzmaylov, подскажи плиз запись будет?)
Eddy
Здрасте ребята! Помогите с styled, пожалуйста. Есть div, внутри которого svg. При наведении на div svg надо перекрасить (изменить path fill=newValue)
Выглядит так. CloseIcon - функция с параметрами, которая возвратит svg. Параметр color привязан к path fill, size - размер svg
<IconContainer onClick={handleClose}>
<CloseIcon color="#a1a1a1" size={16} />
</IconContainer>
Стили
const IconContainer = styled.div`
&:hover {
${CloseIcon} {
fill: ...;
}
}
`;
На hover не получается никак переопределить fill. Вот так пробовал ${CloseIcon} path {fill: color } не работает.
Либо можешь через маску, если svg вставляется как фон
mask-image: url(${props.src});
background-color: grey;
Michail
От чего может сбрасываться хук состояния после того, как родитель обновился?
Daniil
konstantin b.
сделай fill: "currentColor"
затем меняй цвет иконки через color: 'red' , будто цвет текста
Не понял, чуть чуть поподробнее можно? :)
Димон
Ребята
Только что проходил телефонный собес
Спросили про children prop
Ну которому можно передавать jsx в смысле
Сказали
Что вообще можно юзать круто
Я за пару лет работы с реактом ни разу не видел такого, чтобы кто-то так писал
Есть ли какое-то преимущество у этого prop ? Спасибо
yandexphp
Andrey
from
Блин кто-нибудь пользуется docz? Мне очень нравится идея, mdx и визуально, но ёмоё
Оно начиная с беты и до сих пор ни хера не работает
Сергей
Не понял, чуть чуть поподробнее можно? :)
если подробнее... то вот так у меня в проекте описываются все svg-иконки
// @flow
/* eslint-disable max-len */
import React from 'react';
import SvgImage from '../svg';
import type { SvgImageProps } from '../svg';
type Props = {
color: string,
size?: $PropertyType<SvgImageProps, 'size'>
}
const DragLine = ({ color, size, ...rest }: Props) => (
<SvgImage size={size} {...rest}>
<path fill={color} d="M11 7h2v2h-2V7zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2z" />
</SvgImage>
);
DragLine.defaultProps = {
color: 'currentColor',
};
export default DragLine;
и так изменяю цвет
styles.Root = styled.div`
color: ${props => props.theme.colors.defaultTextColor};
&:hover ${styles.DragLine} {
color: ${props => props.theme.colors.dark};
}
`;
Eddy
Ребята
Только что проходил телефонный собес
Спросили про children prop
Ну которому можно передавать jsx в смысле
Сказали
Что вообще можно юзать круто
Я за пару лет работы с реактом ни разу не видел такого, чтобы кто-то так писал
Есть ли какое-то преимущество у этого prop ? Спасибо
Ты можешь написать какой то общай компонент, допустим модалку со всем функционалом, а в него прокидывать все что тебе нужно)
Сергей
Не понял, чуть чуть поподробнее можно? :)
но в твоем случае, подойдет последний блок. просто svg чуть подправить внутри
Maxim
Ребята
Только что проходил телефонный собес
Спросили про children prop
Ну которому можно передавать jsx в смысле
Сказали
Что вообще можно юзать круто
Я за пару лет работы с реактом ни разу не видел такого, чтобы кто-то так писал
Есть ли какое-то преимущество у этого prop ? Спасибо
Ну, тогда погугли Function as a Child, удивишься.
konstantin b.
но в твоем случае, подойдет последний блок. просто svg чуть подправить внутри
Во, теперь ясно. Спасибо тебе чудотворец! Красавчик. Всем спасибо