как через ref узнать валуе инпута?

как через ref узнать валуе инпута?

также как в vanilla js

но я гарантирую тебе это не нужно

у меня такая конструкция не работает constructor(props) { super(props); this.input = React.createRef(); } onAdd = () => { alert(`'A name was submitted: ' + ${this.input.current.value}`); }; <TextInput name="totalAmount" type="number" ref={this.input} />

у меня такая конструкция не работает constructor(props) { super(props); this.input = React.createRef(); } onAdd = () => { alert(`'A name was submitted: ' + ${this.input.current.value}`); }; <TextInput name="totalAmount" type="number" ref={this.input} />

записывай value в state

у меня такая конструкция не работает constructor(props) { super(props); this.input = React.createRef(); } onAdd = () => { alert(`'A name was submitted: ' + ${this.input.current.value}`); }; <TextInput name="totalAmount" type="number" ref={this.input} />

а чем стейт не угодил ?

чтоб не дублировать код https://screencast.com/t/Mk1SLxCAQFFg мне в нижний компонент нужны стили верхнего - styled(HeaderLink)` - вот такое я юзать не могу, потому что я уже использовала это когда импортнула компонент из либы

https://www.styled-components.com/docs/api#css попробуй mixin сделать

у меня такая конструкция не работает constructor(props) { super(props); this.input = React.createRef(); } onAdd = () => { alert(`'A name was submitted: ' + ${this.input.current.value}`); }; <TextInput name="totalAmount" type="number" ref={this.input} />

юзай state

при вводе в инпут записывать значние в стейт?

да, как написано в доке о controlled components

при вводе в инпут записывать значние в стейт?

да

потом из стэйта забираешь this.state.inputValue

спасибо, буду пробовать

я так полагаю знание реакта это зп от 80+ в Москве и Питере?

я так полагаю знание реакта это зп от 80+ в Москве и Питере?

@javascript_jobs

Аларм Кто-нибудь пытался подгружать скелетон страница с react-loadable?

я так полагаю знание реакта это зп от 80+ в Москве и Питере?

у джуна

у джуна

да не брось, джун это 50к

у джуна

знаю таких джунов

да не брось, джун это 50к

неа)

мидлы это уже 80к и выше

Камон не тот чат

мидлы это уже 80к и выше

мидлы 150к

че то не встречал таких зарплат в Челябинске

че то не встречал таких зарплат в Челябинске

так мы про питер и мск

Аларм Кто-нибудь пытался подгружать скелетон страница с react-loadable?

Он тут не нужен

мидлы это уже 80к и выше

нет

а ну точно

Все прекращаем оффтоп

Он тут не нужен

?

?

Нужны компоненты которые в зависимости от пропса loaded показывают данные либо заглушку (обычно это спец шрифт) Loadable не покажет компонент пока он сам не загрузился

Точнее можно это скомбинировать но толку 0 так как в loadable есть метод для подгрузки данных, то есть компонент покажется уже с данными

Точнее можно это скомбинировать но толку 0 так как в loadable есть метод для подгрузки данных, то есть компонент покажется уже с данными

Да, я понимаю. У меня несколько компонентов ждут дату, и пока не зарезолвится последний, нужно показывать скелет. Нормальный кейс, если я повешу хок на страницу и буду ждать пока не придёт флаг isLoaded:true? Или как вообще это сделать красиво?

Да, я понимаю. У меня несколько компонентов ждут дату, и пока не зарезолвится последний, нужно показывать скелет. Нормальный кейс, если я повешу хок на страницу и буду ждать пока не придёт флаг isLoaded:true? Или как вообще это сделать красиво?

? компонентов

? компонентов

Виноват

бан за компоненту

нужен стикер

Подскажите пожалуйста, кто юзал Router5 Как сделать обычный редирект на url программным способом? Из доков я вижу только так : router5.start('/MY_CUSTOM_URL');

Всем привет, возникла такая задача - в проекте есть несколько статических страниц и надо скопировать их в build папку при билде, используется вебпак. Вопрос как при копировании еще вставить какие либо данные в эти странице при билде?

Дуров блин, нахрена придумал эмоджи в никах, глаза вытекут скоро, верни стену!

Всем привет, возникла такая задача - в проекте есть несколько статических страниц и надо скопировать их в build папку при билде, используется вебпак. Вопрос как при копировании еще вставить какие либо данные в эти странице при билде?

@webpack_ru

@webpack_ru

tnahks

Да, я понимаю. У меня несколько компонентов ждут дату, и пока не зарезолвится последний, нужно показывать скелет. Нормальный кейс, если я повешу хок на страницу и буду ждать пока не придёт флаг isLoaded:true? Или как вообще это сделать красиво?

нормально

нормально

Понял, спасибо.)

Почему в доке реакта прям на главной странице уже говнокод ?

С созданием инстанса Remarkable при каждом рендере

ссылку

а вижу

похуй

С созданием инстанса Remarkable при каждом рендере

Спорный момент. Этот инстант нужен только для рендера маркдауна, и смысла держать его в памяти все время нет.

Спорный момент. Этот инстант нужен только для рендера маркдауна, и смысла держать его в памяти все время нет.

А создавать на каждый рендер это ж лучше да ?

А создавать на каждый рендер это ж лучше да ?

а в чем проблема?

ты замерил сколько он жрет на инстанциирование?

А создавать на каждый рендер это ж лучше да ?

это пофиг

Ну спорно спорно

не, нести чушь про говнокод это спорно

Я бы лучше сделал интанс один раз

без замеров и конкретных указаний почему лучше

Чем лучше?

ERROR: S client not available

Очень сомневаюсь что либа для парсинга строк в строки много жрет при создании нового инстанса

Но лучше померять

потом в коде появляется 100500 уровней абстракций

потому что "неговнокод и пригодится когда будет тормозить"

Хорошо, а если класс большой

если бы у бабушки был бы хуй это был бы дедушка

Быстрее не всегда лучше. Делай код читаемым, если укладывается в SLA и не лагает, — не лезь.

А человек уже увидел такое в доке

это пример как подключить стороннюю либу а не как написать проект на 10к строк

Почему в доке реакта прям на главной странице уже говнокод ?

можешь отправить PR https://github.com/reactjs/reactjs.org/blob/master/content/home/examples/a-component-using-external-plugins.js

Всем привет, подскажите имеется список статей, у каждой статьи есть свой попап удаление поста и изменением поста, как обратится именно к этому посту по которому совершил клик, без e.target-a?

Передавай айдишник в проп

Всем привет, подскажите имеется список статей, у каждой статьи есть свой попап удаление поста и изменением поста, как обратится именно к этому посту по которому совершил клик, без e.target-a?

f = (id) => (event) => onclick={f(id)}

спс:)

добрый вечер. нужна помощь сообщества. собираюсь переписывать приложение, ранее написаное на чистом js + jquery. Приложение управляется полностью с клавиатуры (есть и кликабельные элементы, но их по минимуму, и их функционал так же доступен через клавиатуру). То есть кликаем допустим на f1, и появляется модальное окно с инпутами, заполняем их, и далее идет ajax на api. По сути все приложение - это набор модальных окон, вызываем и управляемых клавой. В окнах множество инпутов зависящих друг от друга (заполняемое значение в одном влияет на значение в другом). Переход между инпутами также управляется клавой. Приложение ориентировано на высокую скорость работы с ним, поэтому и было решено работать через клаву. Сейчас в коде получился полный бардак. Поэтому и было принято решение привести все в порядок. И ближе к сути. Поможет ли здесь реакт ? И если да, нужен ли здесь redux ? Точнее, нужно ли вообще для такого приложения единое хранилище?

>Сейчас в коде получился полный бардак. >Поможет ли здесь реакт ? Конечно

(нет)

надеюсь понятно расписал. буду благодарен за комменты. И совсем забыл написать, это приложение для скорой помощи

в реакте я новичок, пока только знакомлюсь с документацией. но уже понял, что для крупного приложения неминуемо нужен единый store. Но пока не могу определиться нужен ли он в этом приложении, так как по сути сейчас очень много логики вшито в сами представления, и как их оттуда отвязывать, пока в голове не укладывается

Всем привет. Подскажите какой пакет использовать для раутинга react-router или react-router-dom?

Всем привет. Подскажите какой пакет использовать для раутинга react-router или react-router-dom?

Посмотри еще reach router может понравится

добрый вечер. нужна помощь сообщества. собираюсь переписывать приложение, ранее написаное на чистом js + jquery. Приложение управляется полностью с клавиатуры (есть и кликабельные элементы, но их по минимуму, и их функционал так же доступен через клавиатуру). То есть кликаем допустим на f1, и появляется модальное окно с инпутами, заполняем их, и далее идет ajax на api. По сути все приложение - это набор модальных окон, вызываем и управляемых клавой. В окнах множество инпутов зависящих друг от друга (заполняемое значение в одном влияет на значение в другом). Переход между инпутами также управляется клавой. Приложение ориентировано на высокую скорость работы с ним, поэтому и было решено работать через клаву. Сейчас в коде получился полный бардак. Поэтому и было принято решение привести все в порядок. И ближе к сути. Поможет ли здесь реакт ? И если да, нужен ли здесь redux ? Точнее, нужно ли вообще для такого приложения единое хранилище?

Если грамотно сделать, React и Redux хорошо подойдут. Ровно как и другие инструменты

в реакте я новичок, пока только знакомлюсь с документацией. но уже понял, что для крупного приложения неминуемо нужен единый store. Но пока не могу определиться нужен ли он в этом приложении, так как по сути сейчас очень много логики вшито в сами представления, и как их оттуда отвязывать, пока в голове не укладывается

Я думаю стоит сделать минимальное приложение на реакт, а там уже прикинуть чето самому, по вашему описанию проекта вряд ли получится ответить исчерпывающе

добрый вечер. нужна помощь сообщества. собираюсь переписывать приложение, ранее написаное на чистом js + jquery. Приложение управляется полностью с клавиатуры (есть и кликабельные элементы, но их по минимуму, и их функционал так же доступен через клавиатуру). То есть кликаем допустим на f1, и появляется модальное окно с инпутами, заполняем их, и далее идет ajax на api. По сути все приложение - это набор модальных окон, вызываем и управляемых клавой. В окнах множество инпутов зависящих друг от друга (заполняемое значение в одном влияет на значение в другом). Переход между инпутами также управляется клавой. Приложение ориентировано на высокую скорость работы с ним, поэтому и было решено работать через клаву. Сейчас в коде получился полный бардак. Поэтому и было принято решение привести все в порядок. И ближе к сути. Поможет ли здесь реакт ? И если да, нужен ли здесь redux ? Точнее, нужно ли вообще для такого приложения единое хранилище?

>(заполняемое значение в одном влияет на значение в другом) Это можно вынести в редакс и будет удобно

спасибо!

вот пример, у меня есть, в ней порядка 40 инпутов, из которых примерно штук 15-20 связаны между собой. я правильно понимаю, чтоб всем этим делом управлять через redux, нужно на изменение каждого инпута отдельный экш писать?