Dmitry
так у react-window есть resize плагин
Так ты не понял проблему
Dmitry
Тот плагин что бы список отобразить в пустом месте на всю ширину. А выше в примере все внутри списка
Vlad
ребята колбэк - это когда функции передаётся в параметр другая функция? или как вы можеет описать "что такое колбэк?"
yellow
не подскажите какое расширение нужно установить для vscode чтобы подхватив NODE_PATH переменную и была возможность вот такие импорты делать import { generateClient } from 'utils', не смотря на то что utils лежат не в node_modules
Aleksandr
jsconfig.json можно настроить В доке по vscode есть
rovnyart
Ребят, подскажите плз, как лучше сделать - у меня есть некий флаг submitting, я по нему хочу рисовать компонент какой-нибудь красивенький, типа, что идет сохранение, но запрос на сервак выполняется мгновенно, и этот компонент в итоге моргает так быстро, что не заметишь, как мне сделать, чтобы он торчал подольше? каким-нибудь эффектом там его глушить мб? Но рендериться он все равно должен по условию submitting && <MyAwesomeComponent />?
Serj
Привет, всем. Стоит ли переходить на Vue.js?
Виктор
ты кстати немного чатом ошибся
Dmitry
Вопрос из разряда, стоит ли отказываться от мяса и становиться вегетарианцем? Каждому свое
Artem
ребята колбэк - это когда функции передаётся в параметр другая функция? или как вы можеет описать "что такое колбэк?"
Callback - функция обратного вызова, передаётся в качестве аргумента функции для сохранения скоупа при вызове. Но чат и вправду немного не тот.
rovnyart
подольше?! O_o приложение работает слишком быстро и нужно его замедлить?
ну чтобы видно было, что сохранилось, там какой-нибудь fade-out добавить когда компонент анмаунтится или хз
rovnyart
ну да, угасать его медленно типа)
rovnyart
мб это можно чисто стилями сделать
Artem
он из дом исчезает, ради затухания придется прикручивать всякое
rovnyart
ну ок, я почему-то думал, что это несложно сделать в css,хрен с ним значит пусть моргает
rovnyart
спасибо
Artem
Но вообще сделай отображение до востребования (клика или по таймеру) это более юзерфрендли.
Artem
Опять таки никто не мешает по сейву запускать анимацию затухания цсс, а по завершению - убить компонент
Artem
Но, возможно, я уже перегорел под вечер.
Bekzhan
Добрый вечер, я зеленый в мире React, есть лого в расширении svg, как его правильно импортировать и установить?
Bekzhan
Дмитрий спасибо, а в чем разница белого svg лого и обычного svg? в каких случаях устанавливать 1 и 2 вариант?😇
rovnyart
у меня ровно так же и сделано))) форма сабмиттится с дебаунсом, но сабмиттинг очень быстрый
Amazing
Напомните плиз как тут деструктуризация сработает? Не могу вспомнить. что будет в итоге в стейт добавлено? Массив из val? . myChangeHandler = (event) => { let nam = event.target.name; let val = event.target.value; this.setState({[nam]: val}); }
Cenator 🐈
https://youtu.be/E42EEPchKGY
Serj
Просаживает ли производительность, стрелочные функции?
Serj
В реднер функции
Serj
Есть ли смысл заморачиваться?
Andrey
в большинстве случаев они все равно транспилятся во что-то типа var _this = this function () {}
Pasha
Просаживает ли производительность, стрелочные функции?
немного чтива: https://medium.com/@oleg008/arrow-functions-in-react-f782d11460b4 https://medium.com/@abdullahdanyal/how-to-improve-performance-issues-caused-by-arrow-functions-in-react-11dd25527ddf
Bohdan
Есть ли смысл заморачиваться?
Нет, но рендер лучше вообще держать чистым
Andrew
ребят, часто слышал про что-то типа хуки замена редакса и всё такое. Киньте плиз пример на реакт аппку с хуками без редакса, если у кого есть. П,С, если шо, я чувак не из реакт мира, сорри, если хуйню сморозил
Serj
Andrew
Сморозил :)
понял, тогда отмена, спасибо)
Denis
Подскажите, как в Формике вызвать валидацию только по сабмит? Не могу нагуглить. Мне нужно проверить есть ли ошибка после сабмита и показать попап
Pasha
@latus тогда валидируй просто в onSubmit и делай там что хочешь, выводи свой попап да и всё
Pasha
validationSchema убери тогда
Denis
validationSchema убери тогда
понял) А как мне тогда в onSubmit достучаться до props.errors?
Anonymous
https://medium.com/javascript-in-plain-english/state-management-with-react-hooks-no-redux-or-context-api-8b3035ceecf8
Ввглядит как велосипед восьмиколесный. Нафига изобретать эффектор?)
Denis
про формик)
Denis
ну и вообще
Denis
есть validationSchemas в Yup, как мне их применить на сабмит?
Pasha
есть validationSchemas в Yup, как мне их применить на сабмит?
в доке это есть, ты в onSubmit что хочешь из формика можешь юзать
Anonymous
Ты про глобал хук? Ты статью прочёл?
Не осилил до конца, но судя по эррею листенеров это переизобретение реактивного стора на подписках. Я не прав и стоит дочитать?
Pasha
Пачаны, какие сейчас хорошие ui-либы для React есть? Что то кроме MU и Antd сейчас живо? Чего хочется: кастомизируемость, красоту из коробки, что бы проект поддерживался, а не вчера появившийся
Pasha
есть validationSchemas в Yup, как мне их применить на сабмит?
onSubmit = (values) => { валидируешь(values) если (ошибки) { показатьПопап(ошибки) } иначе { отправитьФорму(values) } }
Pasha
не врубаюсь в чем проблема)
Denis
не врубаюсь в чем проблема)
вот я не пойму как их отвалидировать в таком случае если нет validationSchema, в value error нет. Вот моя схема: export const LoginSchema = Yup.object().shape({ email: Yup.string() .email('The email is invalid') .required('This field is required'), password: Yup.string() .min(6, 'The password is too short') .max(12, 'The password is too long') .required('This field is required'), });
Denis
в доке yup всё описано: schema .isValid({ name: 'jimmy', age: 24, }) .then(function(valid) { valid; // => true });
понял, спасибо большое) сейчас посмотрю, думал все в формик упирается
Denis
в доке yup всё описано: schema .isValid({ name: 'jimmy', age: 24, }) .then(function(valid) { valid; // => true });
и еще вопрос) В таком случае на форму не нужно вежать validationSchema?
Pasha
и еще вопрос) В таком случае на форму не нужно вежать validationSchema?
она выполняется до onSubmit, поэтому ты не сможешь делать что хочешь, можешь поидее эту логику и там описать, примеры есть в доке формика
Artem
внезапно 😧 https://react-bootstrap.github.io/getting-started/introduction
у меня у одного на бутстрап аллергия?
Andrew
у меня у одного на бутстрап аллергия?
нет, его же модно хейтить
Pasha
нет, его же модно хейтить
та не, бутстрап норм для своих задач. но вот в antd и mu привлекает что дизайн продуман неплохо. хочется чего-то такого же. прост mu не очень нравитя внешне,а antd чет кастомизируется больно 🙁