Хотя может я туплю и можно сделать обычный компонент

у него же в репе примеры есть

Видел эту библиотеку, но не нашёл ни одной демки для неё, там какой-то рендер странный, вместо export

Реакт в веб тоже так рендерится import { render } from 'react-dom' import App from './App'; render(<App/>, document.getElementById("root"));

Крч когда создаю обычный компонент и пытаюсь вывести, то там это, хотя ставил по инструкции

Крч когда создаю обычный компонент и пытаюсь вывести, то там это, хотя ставил по инструкции

вы же не в браузерном окружении это запускаете? скорее всего эта либа работает в node окружении

конечно мне надо в браузере, пользователю создать документ и скачать

конечно мне надо в браузере, пользователю создать документ и скачать

А чего не сгенерить на сервере и не отдать клиенту?

бэк не хочет делать лол

бэк не хочет делать лол

Аналогичные проблемы))))))

Бек в последнее время вообще разленился.

Как получить парамеры get в реакте? реакт не отправляет запросов, наоборот его страницу запускаем с параметрами, например http://ya.ru?param1=5&param2=10 роутинг?

Как получить парамеры get в реакте? реакт не отправляет запросов, наоборот его страницу запускаем с параметрами, например http://ya.ru?param1=5&param2=10 роутинг?

Что используется для роутинга? React-router?

пока ничего) пока обдумывается решение, но как вариант да.

пока ничего) пока обдумывается решение, но как вариант да.

для квери параметров как в примере достаточно querystring, если более сложные структуры с роутами то возможно уже стоит подключать роутер

Что используется для роутинга? React-router?

да, думаю то что нужно. Если кому нужно ссылка https://www.npmjs.com/package/query-string Спасибо!

есть еще https://www.npmjs.com/package/querystring

если нужно объекты класть в урл, то лучше вот этот https://github.com/ljharb/qs

Вопрос. Использовать Реакт там, где он не особо требуется. Это как называется? Грех? Или это нормально?

Всем привет, кто работал с react-quill подскажите, пожалуйста, как сделать кастомный blot почитал гайды, сделал так: ` const Inline = Quill.import('blots/inline'); class BorderBlot extends Inline {} BorderBlot.blotName = 'border'; BorderBlot.tagName = 'div'; BorderBlot.className = 'border'; ` Далее навешиваю класс, стилизую и все хорошо, но когда начинаю другие элементы накидывать, сразу появляются баги. Вот я добавил mark и у меня из-за этого всякие проблемы появлялись. Так вот, можноо ли как-то сделать blot, не добавляя html тэг? Мне просто нужно навесить этот класс бордер, допустим на самый верхний тэг <p>. Можно ли как-то поменять их последовательность? Почему идет сначала mark, а потом див? как поменять их местами?

Вопрос. Использовать Реакт там, где он не особо требуется. Это как называется? Грех? Или это нормально?

Не особо требуеться это там где статику просто отображать надо?)

Не особо требуеться это там где статику просто отображать надо?)

Да, почти. Но не совсем. Имеется сайт с контентом. Посты, категории, немного форм (поиск, расширенный поиск, послать запрос и т.п.). В дальнейшем планируется отображать различный контент для разных посетителей (что-то типо рекомендательной системы). Есть виджеты, которые оновляются каждые 30 секунд. Всегда делал такие вещи с jQuery и все было нормально. Но сейчас хочу попробовать написать на Реакте. Но возник у меня вопрос - не глупо ли это?

Да, почти. Но не совсем. Имеется сайт с контентом. Посты, категории, немного форм (поиск, расширенный поиск, послать запрос и т.п.). В дальнейшем планируется отображать различный контент для разных посетителей (что-то типо рекомендательной системы). Есть виджеты, которые оновляются каждые 30 секунд. Всегда делал такие вещи с jQuery и все было нормально. Но сейчас хочу попробовать написать на Реакте. Но возник у меня вопрос - не глупо ли это?

Бери реакт и не волнуйся

Ок. Спасибо, что утешили

всем привет , есть вопрос , есть роутер , урл /users/list , исспользую history.replace("?param") для пуша в урл параметров но при этом урл стирается до /?param=value

@Tchernyavsky провозглашаю тебя модератором сего чата. Да пребудет с тобой здравие и мудрость во времена твоего правления

@Tchernyavsky провозглашаю тебя модератором сего чата. Да пребудет с тобой здравие и мудрость во времена твоего правления

Шооо

Шооо

Чтоб ты меня не пинговал 😄

Я ленивый вахтёр

Многоходовочка

Многоходовочка

кек, Даня теперь в годмоде)

всем привет , есть вопрос , есть роутер , урл /users/list , исспользую history.replace("?param") для пуша в урл параметров но при этом урл стирается до /?param=value

Делай hustory.push

@Tchernyavsky провозглашаю тебя модератором сего чата. Да пребудет с тобой здравие и мудрость во времена твоего правления

ну хоть не никитка

Привет. Есть задача отображать на фронте рейты валют, которые регулярно должны обновляться. Правильно ли я понимаю, что лучший инструмент для решения данной задачи - сокеты?

Привет. Есть задача отображать на фронте рейты валют, которые регулярно должны обновляться. Правильно ли я понимаю, что лучший инструмент для решения данной задачи - сокеты?

да

Спасибо

Привет. Есть задача отображать на фронте рейты валют, которые регулярно должны обновляться. Правильно ли я понимаю, что лучший инструмент для решения данной задачи - сокеты?

можно http/2 с возможностью с сервера пушить на клиент

А я бы тупо пинговал обычным XHR раз в минуту, change my mind

А я бы тупо пинговал обычным XHR раз в минуту, change my mind

Надо сильно чаще, раз в 20. С таким пингом будет некрасиво

Надо сильно чаще, раз в 20. С таким пингом будет некрасиво

Если так, то да. А чё так часто, это трейдинговая платформа там у тебя? :)

Если так, то да. А чё так часто, это трейдинговая платформа там у тебя? :)

Ага )

Ага )

Ну так тогда у тебя там и так уже всё на сокетах, чё тут думать

а пинг работает, если редактировать? @XaveScor

а пинг работает, если редактировать? @XaveScor

Не работает, моя ошибка.

Не работает, моя ошибка.

где книга жалоб и предложений у телеги?

Скажите, а как лучше вставлять картинки-иконки - через импорт? Или по-старинке - просто прописать <img> с url ?

Скажите, а как лучше вставлять картинки-иконки - через импорт? Или по-старинке - просто прописать <img> с url ?

Вебпаком собираешь?

да

да

А что у тебя в лоадере для картинок написано ?

А что у тебя в лоадере для картинок написано ?

А кто это такой? Где проверить? Я через create-react-app делал

Юзай ссылки

Юзай ссылки

Ты имеешь в виду не использовать import. Верно понял тебя?

Ты имеешь в виду не использовать import. Верно понял тебя?

Просто SVG будет в бандле, просто проверь размер бандла после импорта иконок если не увеличился то все ок

Просто SVG будет в бандле, просто проверь размер бандла после импорта иконок если не увеличился то все ок

Это из-за этого?

всем привет! наткнулся на такую запись state = { exampleModal: false }; toggleModal = state => { this.setState({ [state]: !this.state[state] }); }; ... onClick={() => this.toggleModal("exampleModal")} может мне кто-нибудь объяснить [state]: !this.state[state], ну или сказать куда копать?

всем привет! наткнулся на такую запись state = { exampleModal: false }; toggleModal = state => { this.setState({ [state]: !this.state[state] }); }; ... onClick={() => this.toggleModal("exampleModal")} может мне кто-нибудь объяснить [state]: !this.state[state], ну или сказать куда копать?

Значение в поле по имени в переменной state инвертируется

Значение в поле по имени в переменной state инвертируется

функционал мне понятен, а вот форма записи нет

функционал мне понятен, а вот форма записи нет

Что именно

Что именно

[state]

[state]

Эээ

object[state]

То же самое только для записи

всем привет! наткнулся на такую запись state = { exampleModal: false }; toggleModal = state => { this.setState({ [state]: !this.state[state] }); }; ... onClick={() => this.toggleModal("exampleModal")} может мне кто-нибудь объяснить [state]: !this.state[state], ну или сказать куда копать?

square brackets [ ] because [ ] lets us query object key names programmatically (similar to how array[2] or object[keyA] works).

ну, на destructuring не похоже

просто название поля, которое можно динамически подставить

ну, на destructuring не похоже

Так это и не оно

ты же не сможешь передать название переменной просто, поэтому оберни в скобочки)

[state]

const a = 'field', b = 'field2', c='field3'; obj[a] = 1; obj[b] = 2; obj[c] = 3; Можно писать как obj{ [a]:1, [b]:2, [c]:3 } Результатом будет { field1:1, field2:2, field3:3 }

Всем привет, господа кто нибудь использовал компонент rc-pagination там можно выводит максимальное количество страниц ?

Есть задача: при клике по инпуту выделить весть текст который в нем есть. Текущее решение: навесил хендлер onClick на input, затем дергаю event.currentTarget.select() Результат: Текст выделяется Баг: при повторных кликах, в область первого символа, фокусировка слетает. Пример: https://codesandbox.io/embed/how-to-always-select-all-text-when-click-on-input-1sdd5 Есть ли еще какие-то варианты решения данной задачи?

Так это и не оно

slow mode немного раздражает :) пока писал, уже ответили

const a = 'field', b = 'field2', c='field3'; obj[a] = 1; obj[b] = 2; obj[c] = 3; Можно писать как obj{ [a]:1, [b]:2, [c]:3 } Результатом будет { field1:1, field2:2, field3:3 }

спасибо большое

спасибо большое

Соответственно, меняется поле по тому ключу, что передан аргументом. Пожалуйста.

Есть задача: при клике по инпуту выделить весть текст который в нем есть. Текущее решение: навесил хендлер onClick на input, затем дергаю event.currentTarget.select() Результат: Текст выделяется Баг: при повторных кликах, в область первого символа, фокусировка слетает. Пример: https://codesandbox.io/embed/how-to-always-select-all-text-when-click-on-input-1sdd5 Есть ли еще какие-то варианты решения данной задачи?

У меня не снимается. Хром, виндоус10

У меня не снимается. Хром, виндоус10

Кликаете прямо перед первым символом?

Кликаете прямо перед первым символом?

Ну да

Ох... видимо еще и от браузера к браузеру реализация скачет 😐 На osx в хроме фокус слетает.

Ох... видимо еще и от браузера к браузеру реализация скачет 😐 На osx в хроме фокус слетает.

Сделай на фокус, а не на клик.

Сделай на фокус, а не на клик.

Он сработает только 1 раз, если юзер кликнет, фокус слетит, а мне это не нужно

Он сработает только 1 раз, если юзер кликнет, фокус слетит, а мне это не нужно

Так и говори тогда.

При повторных кликах в уже сфокусированое поле не должно слетать?