Иван
скиньте книги по реакту у кого есть какие
Иван
может есть у кого Бенкс react и redux функциональная разработка? Я купил а она перестала открываться
Ura
кстати а кто реально использует <form></form> для создания форм в реакте?
а что надо использовать?
Ura
скинь пример как ты это делаешь
𝕍𝕝𝕒𝕕
Прохожу путь самурая, сейчас верстаю окно с сообщениями. Подскажите как задать полю с сообщениями высоту, чтобы блок по высоте был 100% и при этом сохранился скролл?
𝕍𝕝𝕒𝕕
может есть у кого Бенкс react и redux функциональная разработка? Я купил а она перестала открываться
В инете есть же она бесплатно
Иван
𝕍𝕝𝕒𝕕
А откуда скрол у 100%?
Может объяснил не так)Ну вот к примеру смс много, должен быть скролл, а высота этого блока мне нужна адаптивная, тобишь если я зайду с 4к дисплея чтобы не было разрыва между панелью ввода сообщения и самого поля
Иван
скинь пример как ты это делаешь
const stepFirst = () => {
const data = props.props;
return (
<section className="registration-step1"
>
<h1 className="registration-step1__title">Предварительная заявка</h1>
<div>
<p>
Заполните контактные данные
</p>
<Input
type="text"
id="lastName"
className="registration-step1"
value={regData.isTest ? regData.testData.lastName : ''}
labelText="Фамилия"
onChange={(e) => props.setSecondName(e.target.value)}
/>
<Input
type="text"
id="firstName"
className="registration-step1"
labelText="Имя"
value={regData.isTest ? regData.testData.firstName : ''}
onChange={(e) => props.setName(e.target.value)}/>
<Input
type="text"
id="middleName"
className="registration-step1"
labelText="Отчество"
value={regData.isTest ? regData.testData.middleName : ''}
onChange={(e) => props.setPatronymic(e.target.value)}
/>
<Input
type="date"
id="birthDate"
className="registration-step1"
labelText="Датарождения"
value={regData.isTest ? regData.testData.birthDate : ''}
onChange={(e) => props.setBirthDate(e.target.value)}
/>
<div>
<Input
type="radio"
id="male"
name="gender"
className="registration-step1"
checked="checked"
onChange={(e) => props.setGender(1)}
labelText="Мужчина"
/>
<Input
type="radio"
id="female"
name="gender"
className="registration-step1"
onChange={() => props.setGender(2)}
labelText="Женщина"
/>
</div>
<Input
type="text"
id="phone"
className="registration-step1"
labelText="Номер телефона"
value={regData.isTest ? regData.testData.phone : ''}
onChange={(e) => props.setPhone(e.target.value)}
/>
<Button
text="Далее"
id="step1"
onClick={(e) => props.submitStepOne(data)}
/>
<div className={"registration-step1__radio-wrapper"}>
<Input
type="checkbox"
id="subscribe"
labelText="Подписаться на рассылку"
onChagne={props.setSubscribe}
/>
<Input
type="checkbox"
id="ConPersonData"
labelText="Согласие на обработку персональных данных и передачу третьим лицам"
onChange={props.setConsentPersonalData}
/>
</div>
</div>
</section>
)
};
𝕍𝕝𝕒𝕕
А откуда скрол у 100%?
А если 100% задаю, пропадает скрол и соответственно оно высоту задаёт по всем сообщениям
Иван
Может объяснил не так)Ну вот к примеру смс много, должен быть скролл, а высота этого блока мне нужна адаптивная, тобишь если я зайду с 4к дисплея чтобы не было разрыва между панелью ввода сообщения и самого поля
оберни этот блок еще в <div> и ему overflow-y: scroll; если я правильно понимаю
𝕍𝕝𝕒𝕕
оберни этот блок еще в <div> и ему overflow-y: scroll; если я правильно понимаю
А как мне тогда див сделать адаптивным по высоте?
Vlad
тебе нужно создать див и вставить два блока внутрь, один сообщения второй поле ввода, верхнему pos absolute , top 0 height 70vh нижнему bottom height 30vh. Родителю нужно задать высоту 100vh pos relative.
Так можно сделать, но скрол не будет заходить на блок с вводом сообщения
Иван
набросай уже примерчик
Vlad
блеее
Vlad
one moment
Vlad
css
Vlad
.wrapper {
width: 300px;
border: 1px solid green;
position: relative;
height: 100vh;
display: flex;
justify-content: center;
}
.message {
width: 300px;
position: absolute;
height: 70vh;
top: 0;
overflow-y: scroll;
}
.mess {
height: 100px;
}
textarea {
width: 300px;
bottom: 0;
position: absolute;
height: 30vh;
}
Vlad
html
Vlad
<div class='wrapper'>
<div class="message">
<div class="mess">some mess</div>
<div class="mess">some mess</div><div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
<div class="mess">some mess</div>
</div>
<textarea name="" id="" cols="30" rows="10">
</textarea>
</div>
Oleg
мап возвращает массив с обработаными элементами
Nikolai
Всех с праздником! 🥳 🍺
Денис
Иван
как должно быть, как по мне так все ок
Vlad
ну я так сделал, кто то по другому верстает
Vlad
это склет, дальше стилизуй под себя
Anton K.
А если ведущий программист то ты уже можешь спокойно вести свадьбы и прочие мероприятия)
Александр
Всем привет! Кто может подсказать начинающему самураю React как лучше написать редьюсер?
В приложении есть два куска state с одинаковой структурой. Только контролируемые величины разные.
Есть одна компонента для управления этими состояниями (индикатор и кнопки увеличения и уменьшения).
Как написать редьюсер, чтобы его можно было применить и к одной части стейта и к другой? Или компонента должна быть одна, а редьюсеров надо два писать?
Раньше я всю логику запихивал в компоненту и отлично работало. Передавал туда нужные пропсы и все. Еще и радовался как здорово - одну компоненту написал и применяй ее где хочешь. ))
А сейчас по курсу самураев - используются редьюсеры для redux. Но там они пишутся под страницу целиком....
Куда копать? В какую сторону?
Vlad
ахаха
Vlad
и на радио можно
Vlad
тогда что тебе было непонятно ?)
Vlad
Ваня)
Vlad
а ну тогда это тому парню посвещалось )
Oleg
Всем привет! Кто может подсказать начинающему самураю React как лучше написать редьюсер?
В приложении есть два куска state с одинаковой структурой. Только контролируемые величины разные.
Есть одна компонента для управления этими состояниями (индикатор и кнопки увеличения и уменьшения).
Как написать редьюсер, чтобы его можно было применить и к одной части стейта и к другой? Или компонента должна быть одна, а редьюсеров надо два писать?
Раньше я всю логику запихивал в компоненту и отлично работало. Передавал туда нужные пропсы и все. Еще и радовался как здорово - одну компоненту написал и применяй ее где хочешь. ))
А сейчас по курсу самураев - используются редьюсеры для redux. Но там они пишутся под страницу целиком....
Куда копать? В какую сторону?
привет, пиши как тебе удобно, ты можешь написать один редюсер на два компонента, потом если нужно отрефакториш
Александр
привет, пиши как тебе удобно, ты можешь написать один редюсер на два компонента, потом если нужно отрефакториш
Спасибо. Может какой ресурс можно почитать по этой теме?
Oleg
Димыч говорил про структуру проекта redux-ducks , заугли мб полезно будет
Nikita
Народ, поделитесь рабочим серваком для активации вебшторма, спасибо
Nikolai
Народ, поделитесь рабочим серваком для активации вебшторма, спасибо
Под рукой сейчас нет, но я на github постоянно нахожу
Александр
Димыч говорил про структуру проекта redux-ducks , заугли мб полезно будет
Да! точно. Я видел в списке видео. Надо посмотреть почитать. Спасибо. Я пока на 60-ом видео. ))
акионка.
Народ, поделитесь рабочим серваком для активации вебшторма, спасибо
Первая ссылка в Гугле ключ рабочий
акионка.
https://contentim.ru/how-to-activation-intellij-idea-license-server
Timur
Прошу помощи, вот и я завис на 43 уроке. Не прокидываются пропсы из App в Profile, голову уже сломал в чем может быть причина.... Была у кого-нибудь такая проблема? можете помочь?
Timur
Timur
Timur
вроде все по науке сделал, а где ошибка не пойму
Timur
Anonymous
всем привет, ребят дошел до thunk, все отлично и все работает, единственная проблема в том, что там где я создал api и в reduser-ных компонетах debuger cрабатыват, но не отражает данные, подскажите пожалуйсто в чем может быть проблема
Александр
Прошу помощи, вот и я завис на 43 уроке. Не прокидываются пропсы из App в Profile, голову уже сломал в чем может быть причина.... Была у кого-нибудь такая проблема? можете помочь?
Ну на мой взгляд в Profile у вас есть props.store. То есть как бы пропсы пробрасываются. Только store - undefined. Надо смотреть где вы его импортите.
Timur
Ну на мой взгляд в Profile у вас есть props.store. То есть как бы пропсы пробрасываются. Только store - undefined. Надо смотреть где вы его импортите.
В App судя по дебажинью стор доходит нужный, не пустой
Сергей
Timur
Сергей
Значит смотри там что приходит..можеш в консоль из индекса вывести.и посмотреть..
Сергей
И по цепочке
Сергей
Поставь расширение redux в Гугл хром...будеш в реал тайме смотреть Стейт..прикольное расширение..
Сергей
Посмотри как ставить..под конец в каком то уроке димыч показывал..
Александр
Alex_
Прошу помощи, вот и я завис на 43 уроке. Не прокидываются пропсы из App в Profile, голову уже сломал в чем может быть причина.... Была у кого-нибудь такая проблема? можете помочь?
Покажи где ты вызываешь <App /> кинь этот скрин.
Alex_
А где ты там store передано в props?
Timur
У меня как у Димыча тут, функцию subscribe глянь, там создается state и в ней вызывается функция rerender...
Timur
в ререндер мы передаем state - результат вызова store.getState
Alex_
Именно)
Nikola
Доброй ночи ребята
Nikola
Как ваше ничего ?
Nikola
Archer
Nikola
Очень жаль
Nikola
Стараюсь набирать из всех источников
Archer
Ты пиши что нибудь а там походу и будешь искать решения, если уже какие то знания есть
Nikola
Обязательно )
Денис
Хай, сомневаюсь что здесь кто то реакт по книгам учит
https://www.htbook.ru/kompjutery_i_seti/programmirovanie/put-k-izucheniyu-react