Кстати на днях добавили несколько гайдов в доку. https://artalar.github.io/reatom

Ещё несколько в процессе

В первой строчке написано "Reatom is declarative", но что-то не особо видна декларативность, одни явные вызовы экшенов в диспатчах, да императивные getState какие-то есть инструменты декларативного связывания?

Кстати на днях добавили несколько гайдов в доку. https://artalar.github.io/reatom

Угу, читал, спасибо. И части про “Почему не..» )

как правильно сделать так чтобы,при клике на Navlink Сайдбар менял фон на соответствующий цвет

или узнать какой роут активный?

чувствуется что от JQuery только вчера отошел )

неет,новичок в js

Ребята, что за дичь? Что за уличная магия? Ошибка случается6 cудя по всему, в await waitForNextUpdate(), но я не попадаю в catch блок. И. дальше по коду тоже не идет. Это вообще как?

Ребята, что за дичь? Что за уличная магия? Ошибка случается6 cудя по всему, в await waitForNextUpdate(), но я не попадаю в catch блок. И. дальше по коду тоже не идет. Это вообще как?

Я думаю ошибка в act

В первой строчке написано "Reatom is declarative", но что-то не особо видна декларативность, одни явные вызовы экшенов в диспатчах, да императивные getState какие-то есть инструменты декларативного связывания?

Описание модели/связей. От имеративных вызовов в решении задач никудай не удёшь, как ни крути. > есть инструменты декларативного связывания? Не совсем понял вопрос (но посмотри reatom/react)

он идет дальше act. console.log(1) срабатывает. А вот дальшем await нет

Описание модели/связей. От имеративных вызовов в решении задач никудай не удёшь, как ни крути. > есть инструменты декларативного связывания? Не совсем понял вопрос (но посмотри reatom/react)

Но лучше в @reatom_ru задать вопрос, т.к. здесь сообщения быстро рассеются

<div dangerouslySetInnerHTML={{__html: this.state.comparisonData.result}} /> Всем привет. Подскажите пожайлуста. Есть переменныя в которой содержиться html код с текстом как строка. Пытаюсь его преобразовать но оно всё равно выводит html как текст. В чём может быть проблема?

он идет дальше act. console.log(1) срабатывает. А вот дальшем await нет

а если таймаут в waitForNextUpdate добавить?

Как подружить optional chaining и eslint?

а если таймаут в waitForNextUpdate добавить?

это api @testing-library/react-hooks. У него нет таймаут.

Как подружить optional chaining и eslint?

babel eslint юзать наверно

а можно задать имя для роута?

<NavLink to='/team' name='test' /> чтобы потом можно было достать это имя

Вопрос ро редаксу. Скажите, есть ли какая-то хитрость передавать в дочерние компоненты ф-ции не напрямую через родителя? {todos.map(todo => <Todo key={todo.id} onClick={() => toggleTodo(todo.id)} />)} Просто у меня несколько дочерних компонентов и каждому передавать одну и ту же ф-цию в родителе неудобно, хочется просто передавать родителя, чтоб у дочер компонента просто сразу вызыавать нужный элемент, всё равно ведь рендер каждый раз происходит

вопрос по теме: лол инкорпорайтед это типа прикол такой?)

а можно задать имя для роута?

NavLink это не роут

Почему так не работает ? onEdit = () => { this.props.users.map(user => ( this.setState({user.id: !this.state.isInEditMode}) )) console.log(this.state) } Unexpected token, expected "," и тыкать на точку user.id

Команда модулей Node.js приняла решение убрать ESM флаг и согласовала дальнейшую работу по добавлению поддержки ECMAScript модулей по умолчанию в Node.js 13 Кто может обьяснить простыми словами что это значит?

Команда модулей Node.js приняла решение убрать ESM флаг и согласовала дальнейшую работу по добавлению поддержки ECMAScript модулей по умолчанию в Node.js 13 Кто может обьяснить простыми словами что это значит?

ну смотри import в вебпаке !== import в браузере

Почему так не работает ? onEdit = () => { this.props.users.map(user => ( this.setState({user.id: !this.state.isInEditMode}) )) console.log(this.state) } Unexpected token, expected "," и тыкать на точку user.id

тебе сейчас посоветуют @js_noobs_ru и правильно сделают. У тебя две проблемы в синтаксисе

Почему так не работает ? onEdit = () => { this.props.users.map(user => ( this.setState({user.id: !this.state.isInEditMode}) )) console.log(this.state) } Unexpected token, expected "," и тыкать на точку user.id

скинь свой state компонента

скинь свой state компонента

там пусто

в стейте может быть только ключ, типо userId нельзя user.id

в стейте может быть только ключ, типо userId нельзя user.id

Ну я хочу использовать ид как ключ

Ну я хочу использовать ид как ключ

скинь весь код в песочницу подправлю

в квадратные же скобки, не?

Стою на распутии vue или react что учить?

в стейте может быть только ключ, типо userId нельзя user.id

Можно user: { id }

скинь весь код в песочницу подправлю

Мне у Нубах уже подсказали что надо так [user.id]

Можно user: { id }

надо что бы ключи были разные, у меня много юзеров

ну смотри import в вебпаке !== import в браузере

🤔 а можно чуть разжевать, а то всё равно не до конца понятно

Мне у Нубах уже подсказали что надо так [user.id]

this.setState({…this.state.user, id: !this.state.isInEditMode})

🤔 а можно чуть разжевать, а то всё равно не до конца понятно

Короче import в ноде более не экспертальная фича, и не нужно всяких бабелей и тд можешь идти и смело юзать импорты вместо require

this.setState({…this.state.user, id: !this.state.isInEditMode})

а у меня стэйты ещё не заполнены

а у меня стэйты ещё не заполнены

че

а у меня стэйты ещё не заполнены

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

Стою на распутии vue или react что учить?

Какой бекграунд у тебя?

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

вроде да

Какой бекграунд у тебя?

Js sql node на курсах geek brains

Js еще пилим.

Js sql node на курсах geek brains

Если учится то лучше реакт. Меньше магии === больше понимания

А еще больше вакансий ☺️

Если учится то лучше реакт. Меньше магии === больше понимания

Спасибо .

Мне бы с ооп хорошенько разобраться есть общий свод правил , что то типа БЭМ ?

В реакте такое себе ооп, он больше в функциональщину

Мне бы с ооп хорошенько разобраться есть общий свод правил , что то типа БЭМ ?

если писать что-то новое, то ооп не нужен если поддерживать старое — из ооп нужно знать наследование (и никогда я его не использовать)

если писать что-то новое, то ооп не нужен если поддерживать старое — из ооп нужно знать наследование (и никогда я его не использовать)

это исключительно про реакт

Я рассматривал его мне он показался воплощением ооп )

Мне бы с ооп хорошенько разобраться есть общий свод правил , что то типа БЭМ ?

Это парадигма, что с ней разбираться . Читай Википедию) ООП существует в сотнях вариаций и каждый матёрый (как он думает) прогер, трактует ее по своему.

Я рассматривал его мне он показался воплощением ооп )

это заблуждение реакт больше про композицию и функциональщину единственное из ооп — это классы React.Component / React.PureComponent, которые на самом деле и не про ооп вовсе

это заблуждение реакт больше про композицию и функциональщину единственное из ооп — это классы React.Component / React.PureComponent, которые на самом деле и не про ооп вовсе

А что в классах от ооп?) Наследование?)

это заблуждение реакт больше про композицию и функциональщину единственное из ооп — это классы React.Component / React.PureComponent, которые на самом деле и не про ооп вовсе

Я только начал понимать все и со многим не согласен .

А что в классах от ооп?) Наследование?)

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

Я только начал понимать все и со многим не согласен .

давайте обсуждать, раз не согласны

как мне занести мои пропы с стэи ? state = { this.props.users }; что-то типо такого

setState, не?

как мне занести мои пропы с стэи ? state = { this.props.users }; что-то типо такого

зависит от: зачем? компонент функциональный или класс? вам точно это нужно?

зависит от: зачем? компонент функциональный или класс? вам точно это нужно?

Класс, ну я точно не уверен что нужно, но пока другого решения я не могу придумать

как мне занести мои пропы с стэи ? state = { this.props.users }; что-то типо такого

constructor(props) { super(props) state: { users: props.users } } но убедитесь что users у вас уже есть к этому моменту (инициализация 1 раз)

как мне занести мои пропы с стэи ? state = { this.props.users }; что-то типо такого

Скорее всего, вы делаете фигню)

Скорее всего, вы делаете фигню)

Я вообще тоже так думаю

` constructor(props) { super(props); this.state = { ...props } } componentDidMount() { setState({ ...this.props }) } `

constructor(props) { super(props) state: { users: props.users } } но убедитесь что users у вас уже есть к этому моменту (инициализация 1 раз)

Спасибо

` constructor(props) { super(props); this.state = { ...props } } componentDidMount() { setState({ ...this.props }) } `

фу так делать

constructor(props) { super(props) state: { users: props.users } } но убедитесь что users у вас уже есть к этому моменту (инициализация 1 раз)

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

фу так делать

человек спросил, я ему ответил

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

а почему нет?

человек спросил, я ему ответил

фу так отвечать)

человек спросил, я ему ответил

Согалсен. Но это из разряда “заказчик попросил эту хрень, я ее сделал”)

Спасибо

Тупо мапить пропсы в стейт - это последнее дело. И ногда подходит, но в твоем случае с юзером - на 99% уверен, что так делать не стоит

Спасибо

Подробно опиши задачу - что ты собираешься делать

Мне вообще надо сделать так что бы поля username и names_groups были изменияемые при нажатии кнопки Edit <tbody> {this.props.users.map(user => ( <tr key={user.id}> <td>{user.id}</td> <td>{user.username}</td> <td>{new Date(user.date_joined).toLocaleDateString()}</td> <td>{user.names_groups}</td> <td> <button onClick={this.props.deleteUser.bind(this, user.id)} className="btn btn-light btn-sm" > Edit </button> </td> </tr> ))} </tbody> Причёт names_groups это селект