на не ноде бека куда больше чем на ноде. А фронт нужем всем

верстальщики тоже можем написать, что всем нужны.

а я и не говорил, что фронт не нужен.

моя мысль была совсем в другом

моя мысль была совсем в другом

на украинском читать умеешь?

на украинском читать умеешь?

нет. а что?

моя мысль была совсем в другом

пруфы хотел кинуть, но не судьба)

пруфы хотел кинуть, но не судьба)

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

пруфы хотел кинуть, но не судьба)

вот пруфы @javascript_jobs Вакансий чисто на фронт просто уйма.

Милостыню чтоли скинуть? Гоу кампания по сбору средств для особо обиженных

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

а к чему это?

Передаю id в пропс компонента, могу я по клику по дочернему компоненту узнать этот id(родительский)?

Всем привет, кто работал с react-quill подскажите, пожалуйста, как сделать кастомный blot почитал гайды, сделал так: const Inline = Quill.import('blots/inline'); class BorderBlot extends Inline {} BorderBlot.blotName = 'border'; BorderBlot.tagName = 'div'; BorderBlot.className = 'border'; Далее навешиваю класс, стилизую и все хорошо, но когда начинаю другие элементы накидывать, сразу появляются баги. Вот я добавил mark и у меня из-за этого всякие проблемы появлялись. Так вот, можноо ли как-то сделать blot, не добавляя html тэг? Мне просто нужно навесить этот класс бордер, допустим на самый верхний тэг <p>. Можно ли как-то поменять их последовательность? Почему идет сначала mark, а потом див? как поменять их местами?

Всем привет,подскажите, на android нативной стороне в классе CustomApplication инициализирую reactContext при помощи ReactNativeHost в методе onCreate но reactContext принимает null,задержка кода не помогает. В чем может быть проблема?

Event

Отличается только вёрстка?

Отличается только вёрстка?

0-2 😭

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

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

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

нет. И не нужно

нет. И не нужно

ну а что же можно применить в ситуации, когда в конец contenteditable элемента нужно кинуть компонент?

Отличается только вёрстка?

да

ну а что же можно применить в ситуации, когда в конец contenteditable элемента нужно кинуть компонент?

давно не работал с contenteditable но подозреваю что копать надо в сторону dangerouslysetinnerhtml

https://oruj91.github.io/hobby-store/index.html ребят какую css библиотеку посоветуете пользовать в реакте для такого сайта? materialUI частично и руками? или например только sass? или бутстрап или вообще руками?

да

Тогда нет смысла разносить на два компонента

Тогда нет смысла разносить на два компонента

вполне есть. Если верстка координально отличается.

вполне есть. Если верстка координально отличается.

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

Подскажите какая книга по react сейчас в моде для начинающего?

Подскажите какая книга по react сейчас в моде для начинающего?

Книг не знаю, берись за курсы какие-то

Книг не знаю, берись за курсы какие-то

Взялся. Автор рекомендует еще и книгу почитывать )

Взялся. Автор рекомендует еще и книгу почитывать )

Ну тогда жди ответа)

Взялся. Автор рекомендует еще и книгу почитывать )

Можешь попробовать связаться с автором и спросить, сколько ему издательство забашляло :-)

Можешь попробовать связаться с автором и спросить, сколько ему издательство забашляло :-)

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

Бумажные книги по либам/фреймворкам не нужны. Пока их пишут, печатают, переводят и доставляют, уже 20 новых фреймворков выйдет

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

Хмм.. странно , обычно советуют почитать книженцию по алгоритмам\структурам, либо оригинальному языку, но чтоб советовали еще и по фрейму читать литературу..

думаю это его личный опыт, предпочтения

это не обязательно для курса )

о preact релизнулся 4 часа назад

Ну, с preactX должно стать лучше. Хуки, контексты, порталы и прочее вроде потдащили

Я использовал его как первое прилоежение реакте подобной, можно ли вставлять в резюме? написал канвасную библиотеку на преакт работает как svg со всеми событиями( всобытии получаешь относительнуб точку мыши от канваса) приложение на хероку. Кому интересно могу скинуть ссылку на приложение. И Вообще для претендента на джуна реактовского нормально такое писать?

Я использовал его как первое прилоежение реакте подобной, можно ли вставлять в резюме? написал канвасную библиотеку на преакт работает как svg со всеми событиями( всобытии получаешь относительнуб точку мыши от канваса) приложение на хероку. Кому интересно могу скинуть ссылку на приложение. И Вообще для претендента на джуна реактовского нормально такое писать?

Звучит интересно, лучше чем туду-листы и калькуляторы валют банальные

Звучит интересно, лучше чем туду-листы и калькуляторы валют банальные

на самом деле обычная тудушка для графики. То есть вместо задания идут пути которые имеет цвет и массив линий которые можно редактировать и формируют путь. Через контекст реализовал! В реакте там нужно propstype использовать а в преакте просто пробрасываешь!

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

Про преакт (https://github.com/preactjs/preact-cli) In just 4.5kb you get a productive environment: preact preact-router 1.5kb of conditionally-loaded polyfills for fetch & Promise https://cli-demo-next.preactjs.com/

CEO просело просто потому что SSR не включен

Народ, а где-то был репозиторий с календарем митапов по фронту. Есть у кого-нибудь сохраненная ссылка?

Подскажите, что нужно написать рядом с console.log(cities.city), чтобы в массив итем пришли элементы, где population>50000. И ещё вопрос: могу ли я после этого использовать item в state. К нему обращаться this.state.city?

Убери с console.log'а .city

Убери с console.log'а .city

Убрал. Теперь в консоль выводит по 2 свойства к каждому элементу: city и population

Подскажите, что нужно написать рядом с console.log(cities.city), чтобы в массив итем пришли элементы, где population>50000. И ещё вопрос: могу ли я после этого использовать item в state. К нему обращаться this.state.city?

cities .map((city) => { if (city.population > 50000) { // your code } }

cities .map((city) => { if (city.population > 50000) { // your code } }

Подскажите, а в your code что писать? Мне нужно, чтобы item стал массивом городов, где population > 50000. Чёт вообще туплю

Подскажите, а в your code что писать? Мне нужно, чтобы item стал массивом городов, где population > 50000. Чёт вообще туплю

cities.filter((city) => city.population > 50000)

cities.filter((city) => city.population > 50000)

Все значения item стали undefined

Все значения item стали undefined

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

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Подскажите какая книга по react сейчас в моде для начинающего?

дока официальная, раза 3 минимум должна быть прочитана

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

Я понял. После присвоения item, пишу console.log(item), выводит 8 элементов, в каждом из которых есть city и population, т.е фильтрация успешна. А почему если пишу console.log(item.city), пишет undefined. Вроде обратился только к city из item

выучил джаву 40 лет назад теперь вместо сидения по вечерам за новым фреймворком, ходишь по злачным местам смеешься над паном фронтендером, который посещает очередной митап по СОВЕРШЕННО НОВОМУ ПОДХОДУ К ПОСТРОЕНИЮ ПРИЛОЖЕНИЯ

скорее деградируешь как прогер...

Я понял. После присвоения item, пишу console.log(item), выводит 8 элементов, в каждом из которых есть city и population, т.е фильтрация успешна. А почему если пишу console.log(item.city), пишет undefined. Вроде обратился только к city из item

потому что item это массив городов, нужно обращаться через индексы, и только потом указывать ключ допустим, item[0].city

потому что item это массив городов, нужно обращаться через индексы, и только потом указывать ключ допустим, item[0].city

А если мне надо весь этот массив отрисовать в select, предварительно передав его в state? У меня работает так: в конструкторе класса в state, я передаю item (city : item), потом в render класса между <option> в select пишу console.log(this.state.city) и он выводит корректно все 8 городов

Также выводит один город, когда между option пишу {this.state.city[0].city}

будет удобно если этот код, допустим в https://stackblitz.com/ закинешь

будет удобно если этот код, допустим в https://stackblitz.com/ закинешь

https://stackblitz.com/edit/react-3mdecr?file=serviceWorker.js

будет удобно если этот код, допустим в https://stackblitz.com/ закинешь

Вроде с этим разобрался. Вернул просто массив городов. Создал новый файл, написал функцию, которая возвращает разметку под select. Передал туда в качестве props массив, но почему-то первый элемент select стал всеми элементами массива. Код перезалил

В props приходит массив, как вывести в каждом option свой элемент?

В props приходит массив, как вывести в каждом option свой элемент?

props.city.map()

В props приходит массив, как вывести в каждом option свой элемент?

@js_noobs_ru

{props.city.map($city => ( <option key={$city}>{$city}</option> ))}

{props.city.map($city => ( <option key={$city}>{$city}</option> ))}

Ставить $ не обязательно

Конечно нет, я просто выделил, чтобы не запутать

{props.city.map($city => ( <option key={$city}>{$city}</option> ))}

Это все в return должно быть ?

да

Это все в return должно быть ?

т.к там стоят круглые скобки, ставить return не надо

Примерно, понял, но не работает

{props.city.map($city => ( <option key={$city}>{$city}</option> ))}

Спасибо большое!) Просто нужно было вынести <select> в эту функцию)

ребят, изображения типа логотипа хедера нужно хранить в src или public? путает то, что фавикон в паблике

ребят, изображения типа логотипа хедера нужно хранить в src или public? путает то, что фавикон в паблике

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

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

красава спс

красава спс

Если картинки и прочая статика не проходит при билде этапов минификации, например, то можно и в паблике, а если проходит через какой-нибудь svgo/tinyPng, то совет хранить в паблике даже, возможно, вреден

Как с реакта создать документ word и скачать?

Как с реакта создать документ word и скачать?

https://github.com/nitin42/redocx

Видел эту библиотеку, но не нашёл ни одной демки для неё, там какой-то рендер странный, вместо export