Имеется в виду его друзья))

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

Fullstack React звучит как будто бэк тоже на реакте

Ну как бэ не без этого, если говорить о SPA, хотя и не без поддержки со стороны брутальной ноды ))

Ну как бэ не без этого, если говорить о SPA, хотя и не без поддержки со стороны брутальной ноды ))

С этого места поподробней

Или в книге под сервером SSR имеется ввиду?

Мне кажется вот он точно это имеет в виду

Такой вопрос. Не нормально же файлы локализации в формате yaml хранить и парсить их в json?

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

это как понять? вам Input нужно скинуть или что?

это как понять? вам Input нужно скинуть или что?

Ну да, чтобы просто научиться самому делать строку поиска на реакте. Гуглить не особо выходит, там какие-то неактуальные обучалки, вот и реквестирую помощь

Ну да, чтобы просто научиться самому делать строку поиска на реакте. Гуглить не особо выходит, там какие-то неактуальные обучалки, вот и реквестирую помощь

что такое строка поиска? где искать должно? как выглядит? вопрос не понятен.

const Input = () => <input type="text" />

const Input = () => <input type="text" />

+1, еще добавить onChange + изменение стейта, если хочется контролируемый

а у тебя уже кастомное

так, на скрине просто инпут с иконкой лупы…

Да, пожалуй, так правильнее

если ищете поле с автоподстановкой, то вот тут смотрите https://github.com/JedWatson/react-select

если же просто инпут, в которой можно писать текст, и изменять при этом - ну чекните ТЗ 1 и решения к нему - https://maxpfrontend.ru/vebinary/razbor-testovogo-zadaniya-react-junior-razrabotchika/

как схандлить нажатие на ctrl+enter ?

onKeyPress={e => console.log(e.key)} так могу схендлить только ентер

onKeyPress={e => console.log(e.key)} так могу схендлить только ентер

в объекте event есть инфа, нажат ctrl или нет

onKeyPress={e => console.log(e.key)} так могу схендлить только ентер

Посмотри ивент там модификаторы есть

http://prntscr.com/jg3n5o неужто если через компонент прокидывать в роутере то и впраду не как не достучаться до редюсора ? а приватроут заюзан по другому в примере и там он взял свой редюсор через стейт. я внутри компонента прокинутого через component={myComponent} вижу только это в стейте :

http://prntscr.com/jg3heg

http://prntscr.com/jg3n5o неужто если через компонент прокидывать в роутере то и впраду не как не достучаться до редюсора ? а приватроут заюзан по другому в примере и там он взял свой редюсор через стейт. я внутри компонента прокинутого через component={myComponent} вижу только это в стейте :

какую задачу решаете?

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

в функции mapStateToProps

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

если вы приконектили компонент, то у него будет инфа внутри mapStateToProps, если не приконектили - не будет

приконектить = вызвать с помощью функции connect(mapStateToProps,mapDispatchToProps)(Component)

да я так сделал конечно

секунду

секунду

сорян, вижу коннект, но не вижу mapStateToProps там (вижу null)

http://prntscr.com/jg3u6c

походу нужен withRouter (?) withRouter(connect(blabla…

эм?)

эм?)

https://github.com/ReactTraining/react-router/blob/dc10832d23f9ab673891805c9c866b90d1ef1ed6/packages/react-router/docs/api/withRouter.md

эм?)

получилось? сверху добавить import и снизу обернуть connect .. вроде быстро проверить)

да вот уже дебажу, не вижу нечего нового

думал мб гдето в глубинке появилось ну нет)

думал мб гдето в глубинке появилось ну нет)

тогда других подождем) должно работать по идее

Я заказал The MERN Stack, но мне кажется эта более информативная

Да, как раз сейчас примерно на половине. Хорошая книга, написана легко и информативно. Когда я искала, ее ещё не запиратили)

Да, как раз сейчас примерно на половине. Хорошая книга, написана легко и информативно. Когда я искала, ее ещё не запиратили)

а сколько там цена (и киньте линк на книгу, а то много ссылок в гугле)

$39 или $37, когда я брала. https://www.fullstackreact.com/. У них недавно вышла похожая по Vue, но там 1 сомнительный автор)

тогда других подождем) должно работать по идее

http://prntscr.com/jg409l ну вродеж нет редюсоров )) да подождем, ну странно что мало людей юзает редукс-роутер

$39 или $37, когда я брала. https://www.fullstackreact.com/. У них недавно вышла похожая по Vue, но там 1 сомнительный автор)

а, мы все еще про эту) понял, спасибо. норм ценник

Fullstack React звучит как будто бэк тоже на реакте

https://t.me/react_js/367087

http://prntscr.com/jg409l ну вродеж нет редюсоров )) да подождем, ну странно что мало людей юзает редукс-роутер

пример на гитхаб киньте и ладушки.

$39 или $37, когда я брала. https://www.fullstackreact.com/. У них недавно вышла похожая по Vue, но там 1 сомнительный автор)

какой там пример (приложение) в итоге разрабатывается? (вижу: Several sample applications, ranging from simple to complex are included with every copy of the book. из сложного примера, интересно, что именно делают)

Да, как раз сейчас примерно на половине. Хорошая книга, написана легко и информативно. Когда я искала, ее ещё не запиратили)

Каеф)

https://t.me/react_js/367087

<Get url='' callback={() => {}}/>

какой там пример (приложение) в итоге разрабатывается? (вижу: Several sample applications, ranging from simple to complex are included with every copy of the book. из сложного примера, интересно, что именно делают)

Сначала таймер с тасками, потом аппка для сравнения разной еды по калориям (дальше не дошла ещё)). Простые штуки, но их глубоко разбирают. И классно, что обсуждают возможные "pitfalls".

Ребят, у кого-нибудь были проблемы с Consumer, который асинхронно подгружается?

Сначала таймер с тасками, потом аппка для сравнения разной еды по калориям (дальше не дошла ещё)). Простые штуки, но их глубоко разбирают. И классно, что обсуждают возможные "pitfalls".

ок, спасибо

а сколько там цена (и киньте линк на книгу, а то много ссылок в гугле)

Есть же пдф

Бесплатно дать?

Есть же пдф

не, спасибо, надо покупать раз уж есть возможность. хз вообще для Ру какой ценник кажется адекватным)

не, спасибо, надо покупать раз уж есть возможность. хз вообще для Ру какой ценник кажется адекватным)

Я тоже куплю

Но пока купил другую

Только в евро и в Японии

И на английском, не знаю даже если на русском есть

$39 или $37, когда я брала. https://www.fullstackreact.com/. У них недавно вышла похожая по Vue, но там 1 сомнительный автор)

что за вапор вейф

если ищете поле с автоподстановкой, то вот тут смотрите https://github.com/JedWatson/react-select

https://codesandbox.io/s/8kqwjrmw0l?module=/example.js Что нужно сделать, чтобы перестало ругаться на export default () => (...? Пихнуть это в самый конец моего файла и переименовать дефолт, верно?

О ребятки, у меня тоже делема! Сейчас расспишу

ERROR: S client not available

Немного не ясна сама структура их решения просто

https://codesandbox.io/s/8kqwjrmw0l?module=/example.js Что нужно сделать, чтобы перестало ругаться на export default () => (...? Пихнуть это в самый конец моего файла и переименовать дефолт, верно?

надо аккуратно посмотреть как интегрируется библиотека.

Немного не ясна сама структура их решения просто

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

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

Задача простая - вживить в страницу поиск, да и всё, собственно

чтобы сделать инпут с лупой, надо просто инпут нарисовать и туда иконку впихнуть. Поставить onChange и научиться изменять value. Чтобы на странице сделать поиск (опять же спрашиваю, поиск ГДЕ!? что такое поиск черт-подери :D), например, не поиск, а фильтр по полю в котором есть автоподстановка - то реакт-селект подойдет, нужно только его настроить по документации

чтобы сделать инпут с лупой, надо просто инпут нарисовать и туда иконку впихнуть. Поставить onChange и научиться изменять value. Чтобы на странице сделать поиск (опять же спрашиваю, поиск ГДЕ!? что такое поиск черт-подери :D), например, не поиск, а фильтр по полю в котором есть автоподстановка - то реакт-селект подойдет, нужно только его настроить по документации

> опять же спрашиваю, поиск ГДЕ!? что такое поиск черт-подери :D) Экран поиска и отображения информации, которая уже у меня имеется. Если так понять проще, то окей.

У тебя в pdf есть?

Бесплатно дать?

Да

сек

downshift возьми

задачу опишите по-русски… =) “я хочу фильтровать фильмы по тому, что будет введено в строке” ?

задачу опишите по-русски… =) “я хочу фильтровать фильмы по тому, что будет введено в строке” ?

Хорошо, можно сказать и так, если угодно

Такое дело, есть stateless компонент, данные в который передаются из родительского контейнера (стейтфул), куда доставляются из стейта с помощью редакса, перед тем как данные передать в стейтлес компонент - сортируются функцией (вообще не важно какой, просто обращаем внимание) Чтобы сортировка работала - нужно перерендерить компонент, поэтому при клике на кнопку (типа изменение порядка сортировки, красивая кнопочка на странице) изменяется в стрейте тип сортировки, после передается в стейтфул компонент и этот компонент, есесно, ререндерит нужные элементы, то есть вызывает сортировку и потом мапом передает нужные элементы в стейтлес компоненту. А теперь проблема - при каждом клике на кнопку по какой-то причине (только в случае, если проверяемые в функции сортировки объекты равны нулю, сортировка по цене) изменяется порядок некоторых элементов массива, при том, что изменяется он только если получать этот массив с сервера, делал такой-же в инишилстейт и никаких проблем не было

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

Хорошо, можно сказать и так, если угодно

значит, нужно данные введеные в строку - где-то хранить, затем эти данные передать на сервер (или что у вас там), чтобы результаты отфильтровались. Обычно это выглядит так: в ипнут вводится строка, ее отправляют на сервер, сервер по этой строке выдает новые данные, которые показываются. все) получается, если хочется искать с автоподстановкой, то нужно чтобы в фильтр (в инпут который сделан как угодно, например через react-select) - подавать данные, где он будет искать строки для подстановки, а далее все так же - отправляется строка, получаете ответ

У тебя в pdf есть?

aad.tpu.ru/1955/Extra/Fullstack%20React.pdf

aad.tpu.ru/1955/Extra/Fullstack%20React.pdf

Спасибо!

Хорошо, можно сказать и так, если угодно

как работать с input основы - https://reactjs.org/docs/forms.html

Может-ли меняться порядок элементов в массиве, в редюсере другого компонента, когда ререндерится совершенно другой компонент?

Странно

Может-ли меняться порядок элементов в массиве, в редюсере другого компонента, когда ререндерится совершенно другой компонент?

у тебя где то мутация происходит, возможно

как работать с input основы - https://reactjs.org/docs/forms.html

Это всё более менее ясно, просто вопрос и вся проблема вознилка из-за того, что данные я беру из собственного стора, отсюда сам себя загнал в тупик. Но всё равно спасибо)

у тебя где то мутация происходит, возможно

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

Это всё более менее ясно, просто вопрос и вся проблема вознилка из-за того, что данные я беру из собственного стора, отсюда сам себя загнал в тупик. Но всё равно спасибо)

значит вам нужно научиться выдавать из собственного стора “отфильтрованные” данные. в принципе, это тоже самое, что сделать запрос на сервер, только легче.

значит вам нужно научиться выдавать из собственного стора “отфильтрованные” данные. в принципе, это тоже самое, что сделать запрос на сервер, только легче.

С этим никогда не сталкивался. В документации реакта какой-то приближённый случай есть?

С этим никогда не сталкивался. В документации реакта какой-то приближённый случай есть?

нет. Вот у вас есть данные: [‘a’,’b’,’v’] вы должны вызвать функцию найди(‘v’) она должна взять ваши данные, отфильтровать и вернуть [‘v’] либо не хватает основ js, либо понимания задачи в целом, рекомендую взять какой-то готовый курс/книгу, чтобы получше овладеть базой

https://t.me/react_js/367087

???

Тебя не смущает, что t - функция?