Щас гляну

Задай выстоу и ширину контейнера в котором инититься карта.

Раскажите как вы хотите использовать карты и реакт. А то мы никак понять не можем "нужные и правильные" кейсы.

А ты ко мне

Я любя

Похоже, что нужно key прикрутить к каждой области. Реакт может менять элементы местами если их нет. Только куда его в твоем случае пихать не знаю...

<div id="map" style={{ width: 100, height: 100 }}></div>

и все будет норм да еще css от лефлета же

спс, ща попробую

стили лефлета где?

у tileLayer не значение tms не указано случаем?

import 'leaflet/dist/leaflet.css'

Ребят, а есть чатик/канал где можно про читсый JS вопросы позадавать?

https://telegram.me/joinchat/Be4rsT5Rsgq30DHutjxXgA

Спасибо!

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

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

скрывать из DOM элементы, которые не попадают во viewport

на больших объемах данных делают такие оптимизации, в т.ч. на бесконечной ленте

на больших объемах данных делают такие оптимизации, в т.ч. на бесконечной ленте

а вот кстати есть хорошие решения для реакта, кроме virtualized?

react-list

Спасибо, посмотрю. Просто есть еще требование, чтобы Ctrl+F не сломался при этом ) Чувствую я придется самому писать что-то такое

надо свой ctrl-f писать тогда)

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

а из ВК есть кто здесь?

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

к ним тот же вопрос :)

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

размер предыдущих элементов известен

Перестать юзать скайп.

спасибо за ценный комментарий (йуханидирдип)

фиды вк и фб прекрасно вписываются в концепцию виртуального скролла

спасибо за ценный комментарий (йуханидирдип)

Йоханнесбург

фиды вк и фб прекрасно вписываются в концепцию виртуального скролла

Только ВК работает хорошо, а ФБ пользоваться не приятно :(

@thekashey aloha :)

Мир тесен :)

Ребят, что-то туплю, хелп плиз. Есть стейт, к примеру {a : { 1: ‘some’ }} нужно к свойству а добавить данные, чтобы стало a : {1: ‘some’, 2: ‘another’}

Просто глубже клонировать прийдется

{...state, a:{...state.a,2:'another'}}

через Object.assign?

Через spread.

а ты реактом с nested балуешься(надо было опубликовать все таки библиотеку которая эту задачу решала лол)

const x = { …state, foo: bar } === const x = Object.assign(state, { foo: bar })

в тэги для котика оберни а то есть ощущение что чего-то нету О_о или почему bar так пишется?

Да я попытался бэктик по привычке.

А телеграм выделяет обёрнутое бектиком.

Зато удобно;

const x = { …state, foo: bar } === const x = Object.assign(state, { foo: bar })

не тоже самое Object.assign изменит state

assing({},state,somethingelse)

так он не добавит новое значение, а заменит

разве нет?

assing({},state,somethingelse)

так уже да, будет тоже самое как и spread

assing({},state,somethingelse)

я на забывании этих кавычек норм времени потерял вначале)

а мне именно добавить, а не заменить

Может кто нибудь видел - стать(ю|и) на тему как вообще устроена командная работа в facebook - как планируют, какими инструментами пользуются, как устроено взаимодействие между командами и тп?

а мне именно добавить, а не заменить

В объекте что добавить что заменить ключ это одно и тоже

он имеет в виду, что ему не нужен новый объект

он имеет в виду, что ему не нужен новый объект

В стейте то? нужен

это в редаксе)

тае если добавить, то это уже будет мутированые обьект, зачем оно нужно?

если добавить, то просто obj.a.b=‘another’ в чем проблема? А если не изменять, а добавить новый, то через Object.assign или spred. Ну или юзать тогда Immutable.js или React Immutability Helpers

кейс такой, пока приложение получает от сервера данные только 1 раз. Есть функция загрузки файла. Нужно отоброжать имя файла в секции. Между секциями можно переключаться. Нужно хранить в стейте айди секции и имя файла, для действующей сессии, чтобы при переключении между секциями смотреть в стейт и находя там айди секции выводить название файла.

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

ERROR: S client not available

приложение на чем? редакс?

после обновления страницы (новой сессии) с сервера придут уже обновленные данные с загруженными файлами, и тогда показываем оттуда

пока без редакса, чистый реакт

пиши с {}, меньше потом проблем искать придется

в смысле с {}?

Object.assign({},a,{'2':'another'}

)

в смысле с {}?

написали же

assing({},state,somethingelse)

так я и делаю

Не совсем понял, в каком моменте временни нужно что-то добавлять стейт в этом кейсе, при добавлении нового файла?

тогда твоя совесть чиста

Object.assign({}, this.state, { newUploadedFile: file }); )

в file лежит объект { 123: ‘filename’ }

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

так оно каждый раз затрет то, что было в newUploadedFile

Посмотри в сторону Immutability Helpers

а тебе нужно добавить?

:)

да)

там есть $merge

ну тогда двухэтажный assign надо делать)

и update

да, похоже надо добавить пакет react-addons-update

Object.assign({}, this.state, { newUploadedFile: Object.assign({}, file, {newFname: newFile})}); )

это примерно. я так делаю по крайней мере. по другому еще не научился

попробуйте линзы

кстати может сработать вот как-то так скорее всего и не надо лесенку городить setState({ newUploadedFile: Object.assign({}, this.state.newUploadedFile, {newFname: newFile})}); })

кстати может сработать вот как-то так скорее всего и не надо лесенку городить setState({ newUploadedFile: Object.assign({}, this.state.newUploadedFile, {newFname: newFile})}); })

Да, все работает, спасибо) Правда сначала нужно было распарсить file, чтоб получить ключ и значение