https://learn-reactjs.ru

Спасибо

Спасибо

codedojo тоже глянь

codedojo тоже глянь

Да глянул, тоже на русском. Спасибо за отзывчивость

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

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

@redux_ru

Если я прокидываю mstp через коннект в компонент, то выше компонента этот пропс никак не достать?

например, // Тут нужно обратиться к пропсам из коннекта class ..... connect....

есть вариант достучаться до нужного пропса не внося код в компонент?

Конкретно расскажи что ты хочешь сделать

Чтоб тебе нормальный вариант подсказали, а не помогли костылить

перед компонентом массив с настройками для чекбокса. Чтоб проверять, какой из них при рендере checked, а какой нет, в пропсы селекторами прокидываю массив с checked свойствами

например, // Тут нужно обратиться к пропсам из коннекта class ..... connect....

Посмотри доку react-redux

Own props это второй параметр как в mstp так и в mdtp

Own props это второй параметр как в mstp так и в mdtp

Ему не оун нужны, а именно из коннекта пропсы

перед компонентом массив с настройками для чекбокса. Чтоб проверять, какой из них при рендере checked, а какой нет, в пропсы селекторами прокидываю массив с checked свойствами

Так селекторы не вписываются или че?

Так селекторы не вписываются или че?

ну пропсы же не будут доступны извне компонента? Грубо говоря, перед компонентом

Нет конечно

Перекинь их с родительского тогда

Если они там еще нужны

ну пропсы же не будут доступны извне компонента? Грубо говоря, перед компонентом

Какие именно пропсы ты имеешь в виду?

ownProps точно не подходит по совету сената?

Мне кажется ты что-то перемудрил?

Есть ли какие то преимущества у React по сравнению с Vue?

я уже писал недавно

ща найду

Гугл в помощь

Vue хорош тем, что все решения, написанные для него, работают внутри него вполне ок, эдакая экосистема Но когда ты вдруг захочешь пописать обычный жс вне контекста фреймворка, сразу складывается ощущение, что ты что-то делаешь не так А я сейчас хочу, чтобы код проекта был максимально абстрагирован от того, где он находится и на чем написан, чтобы получить максимальную независимость и реюзабельность его частей Компоненты (в основном обычные стрелки с JSX) можно собрать во что угодно, они будут одинаковыми что на Vue, и на React, что на Hyperapp итд Стейт-менеджмент - можно взять любой а-ля redux/mobx/effector и натянуть на любой фреймворк Но когда у тебя даже инструмент для валидации завязан на реактивность Vue и ты не можешь его использовать где-то еще, хотя это банальная валидация - сразу становится грустно. Молчу уже за жесткую привязку к фреймворку самих компонентов со своим темплейт-синтаксисом, Vuex'a, который так же на реактивность завязан, и роутера (хотя роутер у Vue наиудобнейший)

Vue хорош тем, что все решения, написанные для него, работают внутри него вполне ок, эдакая экосистема Но когда ты вдруг захочешь пописать обычный жс вне контекста фреймворка, сразу складывается ощущение, что ты что-то делаешь не так А я сейчас хочу, чтобы код проекта был максимально абстрагирован от того, где он находится и на чем написан, чтобы получить максимальную независимость и реюзабельность его частей Компоненты (в основном обычные стрелки с JSX) можно собрать во что угодно, они будут одинаковыми что на Vue, и на React, что на Hyperapp итд Стейт-менеджмент - можно взять любой а-ля redux/mobx/effector и натянуть на любой фреймворк Но когда у тебя даже инструмент для валидации завязан на реактивность Vue и ты не можешь его использовать где-то еще, хотя это банальная валидация - сразу становится грустно. Молчу уже за жесткую привязку к фреймворку самих компонентов со своим темплейт-синтаксисом, Vuex'a, который так же на реактивность завязан, и роутера (хотя роутер у Vue наиудобнейший)

Хм, интересно, спасибо)

Просто начал смотреть в сторону MV фреймворков, разницы Vue и React как таковой не заметил.

разница кардинальная на самом деле

Просто начал смотреть в сторону MV фреймворков, разницы Vue и React как таковой не заметил.

Даже не заметил разницу между pug/html и jsx?

Даже не заметил разницу между pug/html и jsx?

Хорошо, как раз таки это единственное, что я заметил)

Просто все решения в этих фреймворках выглядят не понятными и сложными до тех пор, пока ты не станешь использовать их на реальном проекте.

По крайне мере, мне так кажется

Можно в реакте как-то юзать частичное применение?

Можно в реакте как-то юзать частичное применение?

Применение чего?

Применение чего?

Компонентов

разверни мысль

Компонентов

Это рендерить только часть компонента?

разверни мысль

Есть компонент А и него есть какие-то пропсы, я хочу сделать компонент на основе А, но уже с переданными пропсами const A = ({a, b}) => <div>{a + b}</div> const B = ({c}) => <A a='2' b={c}/> <B c='2'/>

Что-то типа такого

Есть компонент А и него есть какие-то пропсы, я хочу сделать компонент на основе А, но уже с переданными пропсами const A = ({a, b}) => <div>{a + b}</div> const B = ({c}) => <A a='2' b={c}/> <B c='2'/>

recompose

Есть компонент А и него есть какие-то пропсы, я хочу сделать компонент на основе А, но уже с переданными пропсами const A = ({a, b}) => <div>{a + b}</div> const B = ({c}) => <A a='2' b={c}/> <B c='2'/>

ты же написал уже

const A = ({a, b}) => <div>{a + b}</div> const B = ({c}) => <A a='2' b={c}/>

что не так?

ты же написал уже

Оно так работает?

конечно

Отлично тогда)

народ, а напомните пожалуйста аналог storybook и styleguidist-а? есть еще третья штуковина, потерял ссылку на нее

docz.site

docz.site

вот блин, это уже 4-я получается :))

docz.site

прикеольно

учи жс

не туда

учи жс

полезно

Привет, коллеги! Подскажите, как бы вы решили такую задачу: открытие модального окна и в некоторых случаях пробрасывание данных в него. На практике: переводим средства со своей карты на другую, по клику "отправить" появляется модалка "Вы уверенны? (да/нет)" и по клику на "да" у меня должен диспатчиться экшен с данными, которые находятся в стейте формы. Как вариант: не морочиться, а переместить данные в стор.

Привет, коллеги! Подскажите, как бы вы решили такую задачу: открытие модального окна и в некоторых случаях пробрасывание данных в него. На практике: переводим средства со своей карты на другую, по клику "отправить" появляется модалка "Вы уверенны? (да/нет)" и по клику на "да" у меня должен диспатчиться экшен с данными, которые находятся в стейте формы. Как вариант: не морочиться, а переместить данные в стор.

На onSubmit формы создаётся портал с модалкой, на кнопку вешается обработчик onClick, где дергается метод, который диспатчит экшн с данными формы

На onSubmit формы создаётся портал с модалкой, на кнопку вешается обработчик onClick, где дергается метод, который диспатчит экшн с данными формы

Благодарю. Не знаком с концепцией портала, буду учить ?

Ребят, есть компонент Edit туда передается начальное значение для формы и в самом компоненте форма, которую можно отредактировать. Как мне в state занести из props начальное значение?

в конструктуре добавляешь начальный стейт и всё

ERROR: S client not available

у меня ошибка связанная с Uncontrolled element. не может прочитать свойство inputValue как прочитать?

в конструктуре добавляешь начальный стейт и всё

this.state = {value: value} ?

да только в конструктор не забудь обернуть constructor(props) { super(props); }

да только в конструктор не забудь обернуть constructor(props) { super(props); }

разве это норм практика?

this.variable - анконтроллед элемент this.variable.state - нулл gjxtve&

почему?

а что тут не нормального?

а что тут не нормального?

хз, где то слышал что только через сетстейт лучше

через сестейт ты уже в методах делаешь

к примеру в componentDidMount

через сестейт ты уже в методах делаешь

бля значение сохраняется когда форма закрываю и открываю снова)

обновленное, но несохранненое

не понял

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

поэтому стейт старый показывается

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

componentDidUpdate?

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

constructor(props) { super(props); this.state = {value: value} } ReactJS and ES7 https://medium.com/@fakiolinho/reactjs-and-es7-bbedb9862e61 export default class UserItem extends Component { state = {value: ''}; //... }

constructor(props) { super(props); this.state = {value: value} } ReactJS and ES7 https://medium.com/@fakiolinho/reactjs-and-es7-bbedb9862e61 export default class UserItem extends Component { state = {value: ''}; //... }

ну я так и юзаю

?

почаны помогайте

Погугли по ошибке. По древним писаниям это помогает.

гуглил. мне это явно не поможет, вернее бебйлер ругается, но бейбел установлен, вчера все рендерилось

гуглил. мне это явно не поможет, вернее бебйлер ругается, но бейбел установлен, вчера все рендерилось

У тебя рантайм установлен?

babel-runtime? да, а он нужен вообще?

babel-runtime? да, а он нужен вообще?

Чтобы async/await работало.

Чтобы async/await работало.

ну рантайм стоит. все по прежнему