Еще вопрос) У кого нибудь был опыт разработки крупных приложений на react.. Когда на одной странице больше 1000 компонентов

Допустим, список сотрудников... и тп

да

с довольно большим трудом решал

ну, на самом деле, труд большой только на первый раз. когда понимаешь, что под копотом и как избегать лишних рендеров - всё норм

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

Меньше всякой хрени в рендер пихать

на иммутабельность (позволяет очень быстро сравнивать были ли изменены объекты или нет), на корректные shouldComponentUpdate (или свои, или PureRender)

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

беда происходит, если сам рендеринг жирный

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

ваще адово тормозило. пришлось делать такую тему - визуально селект на каждой строке, но какие-то общие для него элементы (dropdown к примеру) - глобальны для всей таблицы

такие простые оптимизации оч сильно время экономили

Ты ему просто postition менял?)

угу

где-то пришлось открываться от bootstrap элементов в пользу div'ов с корректными классами

Интересно, надо запомнить будет)

потому что каждый новый компонент в твоём древе = дополнительный прочёт shouldComponentUpdate + render

За иммутабельность разве не отвечает virtual dom?

или есть какие-нибудь кастомные фичи?

не. иммутабельность это, скажем так, стиль разработки

рассказывать долго. проще погуглить

у реакте вроде есть какая-то там своя шняга для иммутабельных операций над объектами

но я её особо не смотрел. идеальный вариант, это, наверное, ramda

ну или redux тоже предполагает, что сам ты стейты мутировать не будешь

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

ну и на этом спасибо) за отправные точки)

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

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

Базу чего?

второй день как изучаю реакт) до этого хардкодил на vanilla

реакта)

Дока - наше все

реакта)

https://egghead.io/technologies/react

Верстаю сейчас, хочу освоить что-то новое

Верстаю сейчас, хочу освоить что-то новое

для начала было бы неплохо освоить Native JS тогда

es6

я согласен с идеей, что сначала надо vanilla учить, но я совсем не понимаю, как люди это будут делать) бери реакт и пиши любое приложение. Так и разберешься)

ну тогда это будет очень плохое приложение)

потом возьми ангуляр, на нем что-то напиши. уже будет возможность сравнить)

потом возьми ангуляр, на нем что-то напиши. уже будет возможность сравнить)

Кмк, плохо сравнивать *овно и *овно

никогда и никто сразу хорошее приложение не напишет. а учить js просто так, как и любой язык - это ниочем. практика и только практика

потом возьми ангуляр, на нем что-то напиши. уже будет возможность сравнить)

а потом окончательно запутайся и пойди утопись

всё таки реакт под копотом очень сложен, и идеи лежащие в его основе, мне кажется, можно по-настоящему оценить только пару лет посидев на каких-то других фреймворках, походив по граблям, набив шишек, и т.п.

ну еще книжки желательно читать

Бляха. Бери и пиши тоже приложение на ванильном JS

Кмк, плохо сравнивать *овно и *овно

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

всё таки реакт под копотом очень сложен, и идеи лежащие в его основе, мне кажется, можно по-настоящему оценить только пару лет посидев на каких-то других фреймворках, походив по граблям, набив шишек, и т.п.

в голос

всё таки реакт под копотом очень сложен, и идеи лежащие в его основе, мне кажется, можно по-настоящему оценить только пару лет посидев на каких-то других фреймворках, походив по граблям, набив шишек, и т.п.

ну, я вроде как не особо знаю внутренности реакта. писать приложение мне это не мешает)

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

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

В школе же начинают с букваря, а не с войны и мир)

Человек написал, что он верстает, но при этом ни слова о знании JS

ну еще книжки желательно читать

что посоветуешь?) имхо гораздо полезнее блогов/твиттеров сейчас набрать и статьи читать. книжки по js - это всегда про вчерашний день)

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

невозможно верстать и совсем js не знать

короче для изучение JS первым делом нужно скачать программу WebStorm и следовать принципам ADD

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

почитай про компонентный подход)

невозможно верстать и совсем js не знать

Мижна

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

Преимущественно SPA

js база есть, в чужом скрипте могу разобратся спокойно и внести свои изминения

https://twitter.com/avevlad/status/793199274188210180

js база есть, в чужом скрипте могу разобратся спокойно и внести свои изминения

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

потом напиши, объясню как в обычную верстку в 3 строчки вывести, если сам не разберешься

Всем привет. Кто знает как перенести строчку в JSX, там где ${'\n'}? Вариант не работает, пробовал <br />, тоже не пашет Есть два тайтла: const desktopTitle = Заполните персональные данные, ${'\n'}чтобы ускорить решение банка; const mobileTitle = 'Заполнение персональных данных'; JSX: <h2>{isDesktop ? desktopTitle : mobileTitle}</h2>

<br /> пашет, только ты не как строку его передавай, а как JSX

а разрыв строки в тексте передать нет вариантов?

const desktopTitle = <span>Заполните персональные данные, <br/>чтобы ускорить решение банка</span>;

можешь в тексте, и распарсить его функцией которая разделяет твою строку в массив и добавляет <br/> вместо \n

ок, спасибо!

или взять плохой способ https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

что посоветуешь?) имхо гораздо полезнее блогов/твиттеров сейчас набрать и статьи читать. книжки по js - это всегда про вчерашний день)

так я не про js, классику(sicp, кнут), по ОО-дизайну, по SOLID

друзья, а webdriver.io кто-нибудь использует?

Handlesave же без bind работать не должен? Там this должен бажить

Handlesave же без bind работать не должен? Там this должен бажить

неа

this должен бажить?))

this как раз нормально работает, в отличии от вашего кода

This в handlesave не должен смотреть на this объекта вроде как при таком написании

Я в конструкторе задаю пропы через super, иначе не читается this.props

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

https://facebook.github.io/react/docs/hello-world.html

тебе сюда

Handlesave же без bind работать не должен? Там this должен бажить

там же стрелочная функция

там же стрелочная функция

Так то да, но это странный паттерн написания

тебе сюда

Спасибо за ссылку, не пригодилась

я заметил

Как вы state задаёте при таком объявлении класса?

Так то да, но это странный паттерн написания

чем? es6 на дворе

ох щас бы пхп в хтмл

фуфуфу

не было проблем