Все норм
тогда чего он не кушает мой код?)
Alexey
Alexey
если бы не кушал, наверное не собралось бы
Sergey
Alexey
Тогда чего ничего не выводится ?)
react dev tools поставь дополнением в браузер, там всё можно удобно посмотреть
Alexey
может у тебя бабель класспропертиз не знает и на выходе какаха получается, например.
масса вариантов
<App /> со статикой в рендере тоже не видно?
Alexey
неправильный экспорт
Vladimir
Stefan
Alexey
тут экспорт можно сразу в начало функции-компонента добавить
Владимир
const Todos = ...;
export const Todos;
а нужно:
export const Todos = ...;
Alexey
export {Todos}
Alexey
Что-то какая-то ерунда
Иван
Чет в css беседе молчат про material ui, можн тут спросить?
Иван
Alexey
Alexey
import {Todos}
Oleg
*UI-kit* реакт. Я пока всего неделю с ним работаю, но он уже очень мне понравился.
- фокус на семантике и доступности
- вроде, удобное апи, на хуках
- вооще НЕТ стилей, и это крайне удобно
- небольшой бандлсайз, тришейкинг
- компонентов не много, но есть основные из которых можно собрать и застайлить то что нужно
В общем и целом фишка в том что его можно брать как дефолтный кит в любой проект: он легкий, тришейкается, со стилями полная свобода.
https://reakit.io/
P.S. у меня preact - все норм.
не совсем понимаю, это библиотека компонентов? типа материала на минималках с самыми основными?
Alexey
import {Todos}
Alexey
значит в конструктор запихай инициализацию
Foma
invasion
Извиняюсь, что пишу оффтоп не по теме. Но как убрать чертовые пробелы в jQ?
https://cdn.discordapp.com/attachments/581509774525464617/629666518442967040/unknown.png
https://cdn.discordapp.com/attachments/581509774525464617/629666463589990410/unknown.png
trim() не срабатывает..
Alexey
давай мож на codesandbox stackblitz?
Так тут 2 файла с 20 строчками,ничего сложного вроде не пишу(
Владимир
проще проверить руками и скинуть готовый результат, потратив 1 минуту
Владимир
Как проверить руками?)
Выучить сначала основу js'a, реакта, а потом браться за практику... ты же без теории лезешь в практику.. и не понимаешь как решать сложившиеся проблемы..
так вот, закинь все на песочницы, и мы тебе быстрее сможем помочь в твоей проблеме.
Vitaliy
Nikita
if(process.browser) {
try {
WaveSurfer = require('wavesurfer.js');
} catch(e) {
console.log(e);
}
}
next.js, в дев-моде все прекрасно, в продакшне Super expression must either be null or a function. куда копать?
Vitaliy
есть стилизованный компонент Button
что в нем значит в "as" почему в него передается другой я так понимаю компонент внутри которого обычный тег button который принимает пропсы и имеет свойство children
В статье опечатка там Button внутри ReversedButton
Alexey
Андрей
R
Ребят, есть у кого-то примеры реализации горизонтального скролла с помощью scrollmagic и GSAP? В частности, есть кейс создания основной страницы с горизонтальным скроллом, в секциях которой есть контент, который скроллится вертикально и после просмотра всей секции, горизонтальное перемещение должно продолжаться. Если кто-то с этим работал или встречал - поделитесь плиз
i
Всем привет. посдкжаите с переводом объекта с вложенностями в массив плз https://jsfiddle.net/BossBossEx/oLjnw5um/5/
artalar
не совсем понимаю, это библиотека компонентов? типа материала на минималках с самыми основными?
Это библиотека функциональных компонентов, без стилей вообще.
Например в компоненте меню описана логика позиционирования попапа и правильно описана логика фокуса, табов
Иван
Я так понял в материал уи никто не понимает, лол
Oleg
Это библиотека функциональных компонентов, без стилей вообще.
Например в компоненте меню описана логика позиционирования попапа и правильно описана логика фокуса, табов
без стилей? звучит полезно, учитывая то, что стили ты всё равно переписываешь.
Oleg
Bogdan
Тимофей 🛴
Sergey
хранить, очевидно же )
Oleg
Что значит ранить экспрешены?)
ну, выражение. запускать. что это за запись вообще?
{props => (
<HiddenDisclosure {...props} {...hidden2}>
Toggle All
</HiddenDisclosure>
)}
Sergey
ого бля
Тимофей 🛴
ну, выражение. запускать. что это за запись вообще?
{props => (
<HiddenDisclosure {...props} {...hidden2}>
Toggle All
</HiddenDisclosure>
)}
Hidden должен его запускать prop.children(props)
Это render props или children as function
Oleg
Hidden должен его запускать prop.children(props)
Это render props или children as function
я не знал. то есть, это по сути просто компонент?
Тимофей 🛴
я не знал. то есть, это по сути просто компонент?
Hidden ? Да просто компонент. Погугли render props, дохера статей и в доке вроде есть
Oleg
Hidden ? Да просто компонент. Погугли render props, дохера статей и в доке вроде есть
Илья
{message} ?
<div className="event-menu__btn-icon">{icon}
<div className="event-menu__btn-message">{message}</div>
</div>
: <span className="event-menu__btn-icon">{icon}</span>
подскажите, что не так ? не могу вкурить
Someone
всё выражение оберни в фигурные скобки
Vladimir
усищи
Foma
тернарка есть сообщение вывести нет так просто иконка
Vladimir
{message ? (
<div>{message}</div>
) : (
<Icon/>
)}
Evgen
{message} ?
<div className="event-menu__btn-icon">{icon}
<div className="event-menu__btn-message">{message}</div>
</div>
: <span className="event-menu__btn-icon">{icon}</span>
подскажите, что не так ? не могу вкурить
Зачем message(первый) в фигурных скобках?
Bogdan
возник спор, мне человек говорит, что useEffect не нужен, вместо него нужно юзать useMemo, это ведь глупость, useMemo - предполагает, что ты вернешь результат, если ты ничего не хочешь возвращать нужен useEffect или я не прав?
Тимофей 🛴
Bogdan
Ты не сказал для чего
что для чего? я сказал, useMemo , если нужно вернуть результат, если просто сделать запрос или что то выполнить, где результат не нужен - useEffect
Тимофей 🛴
что для чего? я сказал, useMemo , если нужно вернуть результат, если просто сделать запрос или что то выполнить, где результат не нужен - useEffect
А, он говорит что useEffect вообще не нужен? Я думал вы на счет какого то кейса спорите. Ну он не прав и дело не в вернуть не вернуть, useMemo вызывается во время рендера, а useEffect маунта и апдейта
Коля
useEffect - замена componentDidUpdate/Mount, а useMemo - это императивная замена приватного свойства
Вообще не вижу в них по сути ничего схожего
Bogdan
useEffect - замена componentDidUpdate/Mount, а useMemo - это императивная замена приватного свойства
Вообще не вижу в них по сути ничего схожего
да, но например если мне нужно поставить у селекта первый елемент списка выбранным, что для этого подойдет? useMemo или useEffect?
arthur
Коля
Если ты кидаешь это в какое-то событие, то вообще useCallback
Тимофей 🛴
да, но например если мне нужно поставить у селекта первый елемент списка выбранным, что для этого подойдет? useMemo или useEffect?
Если первый выбранный это стейт то useEffect, если вычисляемое свойство то useMemo
Bogdan
Если первый выбранный это стейт то useEffect, если вычисляемое свойство то useMemo
приходит в пропсах массив, который в селект попадает, как лучше указать у селекта первое значение? useEffect или useMemo