Просто ты не умеешь готовить =)

Вопрос не в этом, я о том, что есть нюансы

Ну офк

Сука и тут я вголос с нового ника олимпиады

Реакт идейно победил концепцией ui=f(data), которая по-настоящему работает.

У @ZeroBias ник украли

?

А, это не он

Позор

Вопрос не в этом, я о том, что есть нюансы

Нюансов нет, только функции и чистый js. Только реакт так может.

Реакт идейно победил концепцией ui=f(data), которая по-настоящему работает.

Иисус бери ружье

У @ZeroBias ник украли

Сорян, могу поменять.

Нюансов нет, только функции и чистый js. Только реакт так может.

Ну я как бы и ничего не противопоставляю, просто на деле всё получается куда сложнее

Сорян, могу поменять.

бля фанат машины времени

Ну я как бы и ничего не противопоставляю, просто на деле всё получается куда сложнее

Можешь пример привести?

Можешь пример привести?

context, например

Lifecycle методы

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

Но в целом приложение описать и предсказать уже гораздо сложнее

Залей куда-нибудь откуда удобно читать

у вас код не принято выкладывать?

у вас код не принято выкладывать?

Есть же codesandbox, gist

У тебя там простенькое было, если сделаешь gist с расширением js, то там и подсветочка будет

песочниц много, но смысл

Подсветка синтаксиса

песочниц много, но смысл

Простыни неудобно читать

И они чат засоряют

Но в целом приложение описать и предсказать уже гораздо сложнее

А где это сделать легко? Просто проектируй хорошо.

А где это сделать легко? Просто проектируй хорошо.

Просто)

Хоспаде. Нравится DI, сервисы и тайпскрипт - бери ангуляр, нравится явное прокидывание пропсов и гибкость - юзай реакт

Вот и весь вопрос

Хоспаде. Нравится DI, сервисы и тайпскрипт - бери ангуляр, нравится явное прокидывание пропсов и гибкость - юзай реакт

DI?

А где это сделать легко? Просто проектируй хорошо.

Опять же, я ничему не противопоставляю. Просто народ любит эту концепцию представлять в более хорошем свете, чем на самом деле обстоят дела

DI?

Dependency injection

Dependency injection

Спс

Gist юзай, там будет удобно читать

https://gist.github.com/Natanagar/14ce199300aa1a11afd350a7583ad850 Почему пустой обьект на полке

https://gist.github.com/Natanagar/14ce199300aa1a11afd350a7583ad850 Почему пустой обьект на полке

Ну я ж сказал, расширение js

Так же подсветки нет

апдейтнула

а без подсветки тяжко))) понимаю

Во-первых, prop-types помогут понять, что и куда у тебя попадает

Во-вторых, качни расширение для браузера

React

Народ, в чем может быть проблема? Есть div: <div ref={div => this.div = div}>My div</div> И я пытаюсь по клику на всем экране к нему обратиться, но выходит undefined: componentDidMount() { document.addEventListener('mousedown', this.onClickOutside); } onClickOutside(e) { console.log('this.div', this.div); //выводит undefined }

Там можно в реалтайме посмотреть, что куда пропадает

Где стейт, где пропсы

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

Народ, в чем может быть проблема? Есть div: <div ref={div => this.div = div}>My div</div> И я пытаюсь по клику на всем экране к нему обратиться, но выходит undefined: componentDidMount() { document.addEventListener('mousedown', this.onClickOutside); } onClickOutside(e) { console.log('this.div', this.div); //выводит undefined }

Вместо своих велосипедов попробуй react-on-click-outside

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

Там можно будет посмотреть цепочку

Если тебе конкретно ответить, то ты берешь this.props.books

Что там внутри - хз

Заодно посмотришь

Ты там функцию где-то не вызвала, судя по всему

Ты передала в пропсы BookShelf функцию

А не результат её выполнения

Тебе надо вызвать books={this.currentlyReadingBooks()}

Заметь, что пробелы там лучше не ставить

Потому что оно очень нечитабельно с ними получается

Тебе надо вызвать books={this.currentlyReadingBooks()}> до передачи в компонент? ^^'

Ну оно ж так и получается

Видишь, там скобки

ERROR: S client not available

Оно сначала вычислит результат, а потом создаст компонент Bookshelf

С прокинутым результатом в пропсы

Короче, просто вызови там эту лабуду))

Как дела?

никак, туплю, что ты хочешь

<ChildComponent updateData={this.updateData} />

Щас, ещё раз открою, в метро интернет говно

Короче, смотри

а что уже в метро инет появился

this.currentlyReadingBooks это функция

ежу понятно

а что уже в метро инет появился

В Киеве кое-как фурычит

в Харькове нет, приеду 12 проверю

ежу понятно

Вот, короче, твой компонент ожидает данные, так?

да, массив

но эта функция как раз возвращает массив

Ты ему вместо данных пихаешь функцию, которая умеет эти данные вычислять

Да

Но никто её за тебя не вызовет

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

Поставь там ()

После функции

Прямо в фигурных скобках

но если ты ее запишешь так books = {this.currentlyReadingBooks()} => она все равно не вызовется

Вызовется

Кстати, там не нужно пробелов

Пиши books={this.currentlyReadingBooks}

Она вызовется, обещаю

Удивляюсь твоему спокойствию лол

ага, консоль врет)

Та я просто в метро не в ту сторону поехал