Предыдущий: >>1538890 (OP)НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!Для программирования на ХТМЛ https://codepen.io/pen/Для Ноды с консолькой https://repl.it/languages/nodejsДля фреймворков https://codesandbox.io/Залить, задеплоить страничку, сервер, контейнер https://zeit.co/nowАноны, хочу получить советов мудрых, высераю пару предложений и код на скриншоте, а получаю смехуёчки. Как быть?Если рассчитываешь получить дельный ответ, формулируй правильно вопрос:У меня есть проблема\задача (А) %текст-ошибки или задача%. Я пытался решить ее так %кусок-кода-опционально% (Б), у меня не вышло %текст-ошибки%. Я погуглил, почитал документацию и попробовал сделать так %кусок-кода-%(В), но получаю ошибку (Г).Сделай песочницу по ссылкам выше для ясности и удобства. Если никогда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
>>1552194> BootstrapДопотопная залупа, которая должна умереть.Выбирай между CSS Modules и Styled Components. Либо же что-то близкое по принципу с ними.Styled Components - вершина того, что у нас есть. Только там синтаксис вставки переменных и логических операций получается уебищный, так как все происходит внутри шаблонных строк.
>>1552258Да, если выберешь все таки SC, то поставь на VSC плагин vscode-styled-components, либо что там есть на твою любимую иде, что бы оно нормально подсвечивало CSS синтаксис внутри ШС.
>>1552258>CSS ModulesГовно.>Styled ComponentsАбсолютнейший неюзабельный кал, хуже не придумать.sass, особенно с их новой системой @use-модулей, это лучшее, что можно сделать со стилями на данный момент. Любая же хуета, требующая от тебя вставки стилей/классов в жс-код без возможности поставлять их отдельно - это мерзость, которая должна быть уничтожена.
>>1552270Да у этой хуеты Styled Components вообще нет ниодного юзкеза. Чисто хипстерская поделка, для пет проектов.мимо проходил
>>1552274Единственный юзкейз: когда ты хочешь работу у верстальшика забрать, если тебе больше нехер делать.
Как быстро вы кодите? Я вот сегодня два часа сидел, наполукодил таймер в реакте. Просто блять таймер, чтобы можно было ставить время, запускать его, видеть прогресс бар. Два часа. То погуглить что-то, то просто сижу и думаю 'как же это сделать лучше', в итоге чисто код\переписывал писал минут 30 может из всего времени. У всех так или я особенно тупой?
>>1552281Используй короткие перерывы во время кодинга. Состояние потока бывает в транс вводит и ты теряешь больше времени на задачу чем она того требует.
>>1552270>говоришь жсодурачку, что хуярить стили внутрь компонентов - это как минимум неудобно, непрактично и обычно не дает никаких видимых преимуществ, а модульность с миксинами для стилей изобрели еще до его рождения в sass'е>ыыыы жквери что ли юзатЬ?))) ы ыыыыПонятно.
Есть проблема среактом. Суть токова: объект shedule, в нем 6 свойств в каждом из которых массив. Нужно для каждого свойства shedule вернуть компонент, в котором при этом рендерятся еще элементы для каждого объекта массива. То есть shedule.monday содержит массив из 5 объектов и нужно вернуть компонент внутри которого отрендерятся эти 5 объектов и так для всех дней недели. Я щас код не могу скинуть, но мб кто то понял мой высер. Пробовал через for day in shedule пройтись по расписанию и для каждого прохода shedule[day].foreach вернуть листы, но таким образом рендерится только для первого свойства. Мб я тупой и не вижу очевидного решения?
>>1552289И в чем же по твоему принципиальная разница между boomer-less/sass и sc файлами?Ну кроме того, что со SC происходит явный биндинг стилей и элементов, вместо неявного магического декларативного погромирования?
>>1552297А в сисе разве нет специальной функции для инвертирования цветов? А то сделает кто-то новую тему, заменит primary color на черный и, жидко пернув, умрет.
>>1552296>css-modulesКайнд оф. Там все равно остается декларативщина. SC позволяет обмазываться императивщиной/функциональщиной.>>1552297Пикрилейтед.
>>1552304Смотри как красиво и лаконично, да еще и интуитивно понятно любому верстале с первого взгляда. Заодно поправил тот говнокод с булеан флагом в функции.
>>1552304Круто. Попробуй обмазать ей сначала верстальщика.А как у тебя дела будут обстоять, если заказчик захочет дизайн обновить?
>>1552305Нефункционально. Нетипизировано. Нединамично.Слишком 10ые.>>1552306>верстальщикаКто это? В моем мире давно уже Web App Developers.>если заказчик захочет дизайн обновитьhttps://www.styled-components.com/docs/advanced#theming
>>1552307Ну постарайся, придумай хоть какую-то нормальную претензию, кроме "нимодна, подвороты разворачиваются". Мы же все-таки не шмотки гейские выбираем в магазине, а пытаемся эффективно решать практические проблемы через код, хотя в жопаскрипт треде ни в чем нельзя быть уверенным.
>>1552310Это точно тред про javascript?Если бы мы до сих сидели на технологиях нулевых, мы до сих пор получали бы как верстальщики.
>>1552312Ты охуеешь, но технологии всегда развивались и развиваются не потому что так модно поменять жквери на реакт, а потому что реакт удобнее и практичнее. Я тебя просто прошу назвать, где именно вот это говно >>1552304 будет лучше и практичнее, чем sass и для чего именно нужно подобное усложнение причем нихуевое, какие задачи оно решает? Без бессмысленных баззвордов, если совладаешь.
>>1552314Экономит твое время на написание и поддержание стилей, так как этот подход позволяет явно связывать стили и представление, кроме этого параметризаци стилей является просто более удобным способом расширением стилей, чем наследование стилей.Вы зря сопротивляетесь, все равно все перейдут на SC или схожие решения. Для less/sass останется лишь та же ниша, где сейчас jquery и bootstrap.
>>1552315>позволяет явно связывать стили и представлениеДля этого обычно хватает держать их рядом с компонентом и называть нормально. Но если тебе вдруг реально понадобится явно импортировать названия всех классов и писать их по два раза, то это и так делается за 10 секунд, css/sass листы можно в жс импортить уже давно.>параметризаци стилей является просто более удобным способом расширением стилей, чем наследование стилей.А это не параметризация? >>1552305 Я мог бы засунуть в button миксин тот же самый булеан флаг или параметр, но это классический говнокод, когда функция меняет свое поведение в зависимости от флага.
>>1552319> Для этого обычно хватает держать их рядом с компонентом и называть нормально.Про обычно хватает можно и в огород sass/less кинуть в пользу pure css.>А это не параметризация?Это две отдельные декларативные инструкции, одна из которых наследует другой и которые могут иметь только одно состояние.>тот же самый булеан флагКакой еще булеан флаг? туда передаются реакт пропсы, boolean там это от тайпскрипта (вы ведь перешли уже на тайпскрипт, да?).
>>1552227>>1552194CSS-in-JS (Styled-conponents, Emotion).>>1552258Двачую этого профессионала. Сейчас бы в 2k20 юзать кал мамонта типа БЭМа, бутстрапа, препроцессоров.>>1552319Зачем всё это, если можно писать стили на SC прямо в файле компонента? Таким образом полноценный компонент будет единым файлом, сродни single file components в vue.Ответственно заявляю, что styled-conponents — одна из лучших технологий во фронтенде за последние годы. Если бы не это, я бы давно окончательно съебал в бекенд. А так пока только наполовину.
>>1552323>можно и в огород sass/less кинуть в пользу pure css.В чистом css нет модулей, нет миксинов, нет переменных, нет нихуя, так что камней закинуть не получится.>декларативные инструкцииБляяяяя>которые могут иметь только одно состояние.Функции состояний не имеют по определению. Если ты про задачу, которую функция выполняет, то у хороших функций она тоже всегда одна.>Какой еще булеан флаг?>boolean там это от тайпскриптаПроиграл с модника. Разворачивай подвороты и бегом читать азы, советую начать с Code Complete и Clean Code, а пока можешь разогреться статейкой на твоем любимом медиуме:https://medium.com/@amlcurran/clean-code-the-curse-of-a-boolean-parameter-c237a830b7a3
>>1552327>писать стили на SC прямо в файле компонентаА еще можно срать прямо там же, где спишь, тоже очень удобно и не надо никуда ходить.
>>1552329Аргументы против будут? А то твои слова больше на пук похожи. Зачем мне использовать sass, если есть styled-conponents?Кроме того, что можно описать весь компонент в одном файле, удобно управлять состоянием, не нужно городить ебаные классы типа isAnimated, isHidden или ещё хуже то же самое делать по бэму. Просто передал пропс и тернарным оператором задаёшь необходимые стили. И не надо засорять элементы указанием className.
>>1552335>Зачем мне использовать sass, если есть styled-conponents?Нет, с новыми моднявыми фишками вопрос всегда стоит наоборот - зачем использовать styled components, если есть sass. В новое вместо проверенного инверстируют только если новое дает очевидные плюсы.>не нужно городить ебаные классы типа isAnimated, isHidden Ты городишь их так и так, просто в одном случае это будет пропсом, а во втором - классом. Логика никуда магическим образом не девается.>не надо засорять элементы указанием classNameЗато надо засорять лишними компонентами и лишней логикой, которая к рабочей логике компонента отношения не имеет и используется только для стилей. Такой себе вариант.
>>1552341> Нет, с новыми моднявыми фишками вопрос всегда стоит наоборот - зачем использовать styled components, если есть sass. В новое вместо проверенного инверстируют только если новое дает очевидные плюсы.Я тебе плюсы перечислил. Уже во второй конторе в команде использую SC и здесь я сам их протолкнул их в проект, в предыдущей их сами начали юзать ещё в прошлом году.> Ты городишь их так и так, просто в одном случае это будет пропсом, а во втором - классом.Пропсами компактнее и красивее. И главное, в том же файле, а не в отдельном.> Зато надо засорять лишними компонентами и лишней логикой, Какими лишними компонентами? Всё в одном файле. Лишней логики никакой нету, я не понимаю о чем ты. Есть только необходимая логика для стилизации всех этих isAnimated и подобных кейсов.
>>1552342Пишу тудушку, использую material-ui и потому jss. Во рту вкус говна, мне не нравится.вкатывальщик-без-опыта
>>1552342>И главное, в том же файле, а не в отдельном.Это не плюс. Стили надо держать в одной папке с компонентом, но никак не в одном файле, забивание бизнес-логики не имеющим к ней отношения говном всегда было антипаттерном.
я тоже на sc перешелс чужими проектами работать напряжно иногда но самому писать по четкой архитектуре то что нужно
Вечер в хату, господа - динамические дрисняльщики-верстальщики.Опять в треде фронтовикиОдин я гребу галеру жс без всякой вёрстки, а только чистый махровый бекенд?
>>1552349Сочувствую+соболезную, работать с бэкендом и выбирать для него жс - это хуже любого наказания, известного человеку.
>>1552351то, что вы не умеете работать с асинхронщиной и не умеете типизировать своих приложения - это просчет работодателя
>>1552344>Стили надо держать в одной папке с компонентом,>но никак не в одном файлеты вообще не знаешь о чем пишешь лол>абивание бизнес-логики не имеющим к ней отношения говном всегда было антипаттерном.sc вообще одна из самых бизнеслогичных вещей
>>1552352Если научиться приправлять говно специями и научиться его разжижать водой, то говном оно от этих манипуляций быть не перестанет, уж извини.
>>1552356хоть раз на реакте писал? знаешь про функции высшего порядка>Стили надо держать в одной папке с компонентом, но никак не в одном файлеэта шизофазия особенно выдает в тебе васяна-галерщика
>>1552366галеры не знают что такое бизнес логика но постоянно о ней говоряткак и о технологиях на которых никогда не писали
>>1552367>галеры не знают что такое бизнес логика но постоянно о ней говорятА всё потому, что в галерах текучка, никто не добирается до "бизнес-уровня", а лопатят в рамках своего таска>как и о технологиях на которых никогда не писалиПикрелейтед
>>1552369речь шла о стилях и в этом треде видимо инжекты какой-то хуйни в какую-то хуйню логичнее тру реакт вейовой композиции
Еще раз продублирую просьбу оставленную еще в прошлом треде.Посоветуйте какой-нибудь ресурс по изучению нативного CSS, желательно с практикой. Или ресурсы, если их несколькоИначе говоря, как вы его изучали?Верстаю все как обезьяна с гранатой, все съезжает, половину свойств не знаю. И прочие проблемы.Только желательно не инфобизнесменскую херню типа хтмл академи
>>1552478>>1552477Есть прототипы со своими методами. Их тоже можно использовать.>отсутствие оопшного блоатного ненужного говнаТо есть .map(x => x.getData().sort().reverse()) вместо .map(Zalupa::getDataReverseSorted) это дохуя круто, не блоатно и нужно?
>>1552480>Zalupa::getDataReverseSortedэту хуйню и сейчас можно сделать через статик поля.Зы лучше по CSS мне подскажите.>>1552473
>>1552480ты ебанутый? const Zalupa = { getDataReverseSorted: t => t.getData().sort().reverse}.map(Zalupa.getDataReverseSorted)
>>1552486>>1552485Не, просто ни в одной статье по лямбдам JS такой штуки нет, а в джаве они всегда рядом. Спасибо.
>>1552486ты объявляешь эту хенрю на объекте, она не будет хранить внутреннее состояние нескольких объектов. К примеру счетчик созданных объектов.Можно через прототип это реализовать, через функцию конструктор.Но через статик функции и поля проще это сделать, там понятнее сущностьЛучше по CSS подскажите. Заебали.
>>1552488а зачем тебе лямбды в реализации Zalupa::getDataReverseSorted на уровне класса? Эта хуйня и в JAVa делается на уровне класса через статик поля и функции. По крайней мере в шарпе точно, джаву не учил не разу.ПОДСКАЖИТЕ МНЕ ПО CSS.....
>>1552493>она не будет хранить внутреннее состояние нескольких объектовона и одного состояния не будет хранитьты вообще нихуя не понял
>>1552498>а зачем тебе лямбды в реализации Zalupa::getDataReverseSorted на уровне класса? Эта хуйня и в JAVa делается на уровне класса через статик поля и функцииБез разницы, на уровне класса или объекта, просто обычно this::doSomething писать короче, чем MapppingImportConfigurationSelectorImpl::doSomething
>>1552491Я вот пытаюсь вытаить ссылочки на изучение css, но все сруться на тему дж с. Никто не вытаивает тайны как они учили все эти ебаные свойства, блочные модели.webref.ru сдох, htmlbook говно и не комплексно. Где найти нормальные ресурсы с практикой?
>>1552501так это можно и без классов реализовать в JS даже, через прототипы или функции конструкторы.
>>1552502HTML Academy, их курсы с торрентов + дохуя практики, в месяц по 10 сайтов если будешь ебашить, более менее освоишься
>>1552513Чувак ты нихуя не знаешь, но уже можешь понять где вода, а где нет? Просто бля посмотри, сделай конспект и закрепи практикой на их макетах. У них лучшие курсы в рунете по HTML/CSS как бы это смешно не звучало.
>>1552516Всмысле не знаю. Я знаю. Даже на бутстрапе могу верстать нормально в принципе. Смотрел я их курсы по js, и курсы на сайте делал. Хуета хуетой, не думаю что цсс чем то лучше торрентные у них.Мне углубленные знания нужны, типа чтоб не проебываться в блочной модели, разметке, позиционировании на флоутах, например.
>>1552328> В чистом css нет модулей> нет переменныхВаш типичный защитник less/sass. Он из своих транспилеров не вылазит и еще кого-то в подворотах на штанах обвиняет.>Проиграл с модника. Разворачивай подвороты и бегом читать азы, советую начать с Code Complete и Clean Code, а пока можешь разогреться статейкой на твоем любимом медиуме:Ты троллишь? Ты не знал, что в рамках HTML5 есть булевые атрибуты и это хорошо?В HTML/JSX это будет<Button primary>This is primary button</Button>
В ДРЕВНИИ ВРЕМЕНА ВЕРСТАЛЬЩИКОВ СБРАСЫВАЛИ С ОБРЫВА ЗА ИНЛАЙН СТИЛИ@PHPПИШНИКОВ ОТПРАВЛЯЛИ В ЯМУ СО ЛЬВАМИ ЗА ДОБАВЛЕНИЕ ЛОГИКИ В ШАБЛОНЫ@СЕГОДНЯ ДИВЕРСИТИ И ЖСЕРЕРЫ КРИЧАТ ЧТО ЕБАТЬСЯ В ЖОПУ STYLED COMPONENTЫ И REАCT ЭТО НОРМА
>>1552516Он дело говорит. Сам слушал у них курс в 2017 и он по итогу оказался полным говном, в котором 40 минут могли говорить о том, что часто использовать ДИВы это болезнь и СРОЧНО НУЖНА ПОДДЕРЖКА ДЛЯ ИНВАЛИДОВ, а оставшиеся 5 минут за флексы пояснять, причём так коряво, что онлайн игрушка за 15 минут лучше объясняла.
>>1552533>>1552529Ясно, видимо помощи от ру-коммьюнити как обычно нихуя, придется обмазываться говном в виде html academy
>>1552516>у них лучшие курсы>этот долбоеб не знающих оригинальных курсов на английском, доступ к которым бесплатенВ голос.
>>1552520>углубленные знания>позиционировании на флоутахПроиграл с дауна. Может тебе еще табличную верстку нужно? Ты понимаешь, что не нужно знать флоаты, если ты знаешь флексы?
>>1552550Подняли они свой бюджет, а я нихуя не поднял, т.к. лекции были юзлесс, а ментор -настоящим уебаном, которому вообще похуй, делаешь ли ты что-то или нет.После этого так хуёво от этого стало, что вообще всё связанное с вёрсткой почти на год забросил.
Шалом, есть проблемка, вкатываюсь в реакт, пишу на phpЕсть вопрос касаемо данной технологии:1. Как можно сделать нормальный порт с php, не хочу устанавливать себе NodeJS. Что имею на текущей момент: нашел CDN для react, react-dom, babel, залил все в один хтмл все пашет, все довольны.Решил раскидать все по разным файлам и тут оказалось что babel библиотека шлет запросы для своей работы, а тк я произвожу все действия в другом файле(в js, а вызов bable в хтмл), то сотвестно выпадает ошибка(Cross-domain request), конечно можно каждый раз jsx компилить в чистый js, но это извращенство(особенно на деплое). Уважаемые знатоки, что можно сделать с данной ситуаций чтобы не накатывать nodeJS, так как хочу разрабить под php(через ajax запросы со стороны react)? Возможно я что то не понимаю в данном вопросе(мол надо держать поднятым nodeJS, а запросы все равно на php пойдут), просьба закидывать пост говном только по делу, заранее спасибо
>>1552558>Проиграл с дауна. Может тебе еще табличную верстку нужно? Ты понимаешь, что не нужно знать флоаты, если ты знаешь флексы?Понимаю. Но что-то мне подсказывает что и на флоутах дохуя че еще верстается
>>1552564>нормальный порт с phpПисать на пыхе Rest/Graph как отдельный API серверДальше какая-то шизофазия типичного пхп еблана
>>1552572Короче, я мб даун, но я не могу понять как развернуть этот реакт, тип все примеры на гите и тд требуют держать у себя NodeJs, вопрос как сделать это без NodeJs?
>>1552564У разработчика фронт компилится через ноду, от этого не уйдешь. Но держать сервер на ноде не обязательно.Берешь какой-то бойлерплейт с реактом, либо же устанавливаешь из npm create-react-app и следуешь инструкциям. О том, как это работает и собирается можешь пока не париться.Не забудь только корсы прокинуть, что бы твой пхп сервер и твой дев-сервер для фронта могли общаться. Для прода отдавай скомпилированный файл и соответствующие настройки Access-Control выставляй.И естественно, твой PHP сервер должен работать как рест/graphQL сервер, иначе нет никакого смысла в том, что бы для фронта брать SPA фреймворк.
>>1552560>После этого так хуёво от этого стало, что вообще всё связанное с вёрсткой почти на год забросил.бля,и чеж делать тогда
>>1552566>что и на флоутах дохуя че еще верстаетсяНет. Забыто, как страшный сон. Ты должен быть очень ебанутым, что бы добровольно к этому возвращаться.Ты можешь попасть на какое-то лагаси, но от туда надо бежать!
>>1552594Как по мне - вот эта самая лучшая хуйня:"Изучаем HTML, XHTML и CSS" - Эрик Фриман.Оно заложит основы. Потом на это натягиваешь флексы и гриды. По всяким Ксс-анимациям ничего посоветовать не могу, мб другие аноны подскажут.
>>1552597> пойду курить мануалыcreate react app создает сервак локальный по технологии вебпакаhttps://webpack.js.org/configuration/dev-server/и на этот сервак сбрасывает скомпилированные файлы, в т.ч. и бабелевские через loaders,но да, это таки нода. Возможно это чем-то поможет
>>1552597и вообще, попробуй почитать вот этоhttps://stackoverflow.com/questions/33233785/using-the-webpack-dev-server-with-a-php-application
Ну и самое лучшее решение это освоить основы вебпака, там пол дня уйдет по гайдам чтоб понять каак он с бабелем работает и с реактом, и как создает и юзает локальный сервер (понимания node js там не надо).Возможно это поможет в понимании как связать его с пхп
create-react-app это больше для обучения и локальных проектов. Он не задуман как инструмент для реальных проектов.Но сейчас там есть поддержка и билда под прод.https://create-react-app.dev/docs/production-build/Я для себя сам настроил вебпак, но там еботни действительно много может оказаться, потому для того, что бы просто опробовать это все, CRA таки приемлемый вариант.
>>1552300Работает, спс. А я пытался написать что-то типо<div>{( ) => { for(let day in schedule){...} }}</div>И ещё schedule без с писал и думал что это правильно :^)
>>1552625Возник вопрос, а поч для fullstack большинство просят back на php, а фронт на react, если людсокого порта нет, то в чем соль?
>>1552560Открою вам секрет, но это суть всех платных онлайн-кунсов. Набирают толпу хомячков за 10к/курс, дают им толпу хомячков-менторов. И начинают им размазывать материал на месяц, который можно уложить в неделю.
>>1552661>>1552662Как можно настолько всрать JSX? Ебаный дегрод хотя бы просто копируй хуйню со стаковерфлов это просто пиздец
>>1552670Если ты под костылями подразумеваешь вебпак, то это независимо от пхп или хуяпэ ставить изучать придется для прода.>>1552673Что ты подразумеваешь под дружбой реакт пхп?
>>1552687а еще ньюфаг,но я имею ввиду что у них взаимодействие идет без лишнего геммороя для программиста
>>1552687Я так понял webpack это сборщик для файлов, а чтобы React нормально работал его нужно сначала через nodeJs прогнать, и я вот не могу понять зачем, если и без него могло бы работать, то есть у меня получилось запустить сам реакт, реакт дом, но вот компилер с jsx на чистый не заработал
>>1552693Оно везде одинаковое. Через апи. Можешь еще через свои шаблоны инъектировать переменные с данными.
>>1552682Я не ебу как без фор ин перебрать свойства объекта, а просто {фор ин} в компоненте не работает, поэтому обернул это всё в функцию.
>>1552687тип зачем все это говно, если мне нудны компоненты которые отрабатывают на стороне пользователя и заносятся в верску, а данные я бы получил с сервера апача(тип json бы вернул при помощи аякса), вот что вызывает вопросы
>>1552670С нодой у тебя будут те же самые костыли.Эти все телодвижения больше про связывание рест/граф серверов с SPA приложениями. Похуй на чем они написаны.
>>1552687А там чуваки предлагают собирать страницу на стороне сервера и выплевывать пользователю, а какой тогда смысл от реакт?
>>1552700Имея хотя бы один фор-ин в реакте ты гарантируешь себе неперезвон в 99% случаевВ 1% хрюше неповезло незаметить твое говнище
>>1552695https://unpkg.com/browse/react@16.12.0/umd/https://www.unpkg.com/browse/react-dom@16.12.0/umd/
>>1552671Я работал на айти курсах как-то. Могу подтвердить про хомячков-менторов. Это нормально, что половина или даже больше менторов это бывшие студенты. При том далеко не самые лучше. Самые лучшие уходят работать. Те, кого берут менторами это те, кто не устроился и кто просто любит побухать с местными на курсах и потому их взяли менторить.Был один вообще тупой студент, абсолютно одноклеточный и я сам прихуел, когда узнал, что из всех студентов именно его выбрали на роль ментора. Айти курсы это реально то еще дно. Я не говорю про тот внутренний пиздец, который там творится на большинстве курсов.
>>1552719с этим то проблем не было как раз таки, я нашел CDNОшибка возникает при компиляции из jsx на ванильный js, там cross site request ошибка выпадаетhttps://unpkg.com/react-dom@16/umd/react-dom.development.jshttps://unpkg.com/react@16/umd/react.development.js
>>1552695Сборщики это скорее gulp/grunt.Webpack это бандлер - он кучу всякой хуиты делает и собирает тебе готовый для употребления браузером бандл, куда уже вставлены все нужные зависимости.JSX нужно отдавать уже скомпилированным. Его можно заставить компилироваться в рантайме, но это уебанство.JSX хоть и выглядит как набор HTML директив, на самом деле они компилируются в императивные инструкции на JS. Можешь сам догадаться, что это не самая быстрая операция, что бы огромное приложение компилировать на стороне клиента.Дев сервер тебе нужен чисто для удобства, что бы на ходу получать внесенные тобой изменения. Вебпак дев сервер компилирует все в память, а не в ФС. За счет этого он работает быстрее.
>>1552724Если ты лезешь в ssr то у тебя уже везде микросервисы а фронт и бек вообще разная несвязанная хуйня. Иначе нахуй ты туда лезешь.
>>1552705Сбор реакта на стороне сервера это server side react render. Это нужно, когда сайт должен индексироваться поисковиками + просто банально быстрее стартовал.Просто без этого поисковик получит просто стартовый html без ничего и уйдет.
>>1552726так проблема же остается>>1552727Так, то есть по сути, на деве я делаю все при помощи webpack, работаю с апи которое написано на php, а когда выходу на прод, перевожу весь jsx в js и убираю из этой цепочки webpack, так?
>>1552737об этой боли я узнал еще года три назад, когда написал сайт со статистикой по серверам, а переход между страницами сделал на ajax . По итогу проиндексировалась первая страница из 30, пришлось переписывать
>>1552739Ну у тебя и на деве и на проде нужно будет компилировать jsx в js.Webpack из этой цепочки не уйдет - он менеджит модули. Просто для дева и для прода он будет отличаться.Бандл для дева будет в себя включать кучу вебпаковского кода для сервера и дебага, тогда как бандл для прода будет включать в себе только минимальный код вебпак необходимый для менеджмента модулей.
>>1552739Шо ты там убирать собрался. Просто пользуешься хуйней которую за тебя настроили. Ты от вебпака не убежишь. И от изучения всей инфраструктуры webpack babel eslint polyfils
>>1552744На самом деле ЖС уже давно можно рассматривать как целую платформу и в сравнении с ява/.net помойками всё не настолько и костыльно
>>1552748Я мб не понимаю, а это что тогда такое? https://babeljs.io/repl/тип можно ли заранее это сделаить при помощи этого сервиса?
Как правильно делать роуты, если у меня есть вот в базе данных произведения, я на главной странице нажимаю на ссылку на произведения и хочу загрузить страницу, которая отправляет запрос на сервер с айдишником этого произведения, а потом соответственно заполняет страницу.Ну вот глянул что шики переходит по ссылкам вида "/animes/z1535-death-note", ну то есть грубо говоря /datatype/id. Тогда надо получается писать <Route path="/novels/"><Novel/></Route>, а в компоненте смотреть текущую ссылку и дергать оттуда id? Не слишком ли костыльно как-то, может что получше есть?
>>1552754это транспилятор современного джс для пооддержки браузеров допотопных + транспилятор JSX кода в нормальный JSВебпак с ним делает ровно тоже самое что с картинками, цсс, препроцессорами прочими - позволяет в одном файле модуля описать все возможное простым способом на современном JS чтоб потом это пошло бандл с оптимизацией.Ты либо не работал с реакт, либо работал на уровне create - react - app и не понимаешь в чем суть. Там в любом случае все завязано на Node NPM Webpack Babel React
Как люди работают в связке node.js/typescript?Чем компилить? tsc/rollup/webpack?Есть какие-то общепринятые рецепты?
>>1552853Я смотрел недавно там пару нужных мне кейсов и они были слишком устаревшими с очень древними версиями пакетов.Но пойду посмотрю, надеюсь нода не так быстро устаревает, как фронтовые решения.
>>1552858Я не много на ТС ноде писал но обычного тскончига и установок всего с препиской @types/ хваталоС лоадерами всякими ибатся не надо
>>1552883Очевидно на обычных вебсокетахПоддержка IE и всякого прочего говна уже дропнута даже компаниями-гигантамиИз-за этого хендшей токенами абсолютно ненужное говно, жрущее трафикПсевдопротокол код:длина{тип, [дата]} пишется за пару часов
Что делать с этой хуйней? Или ничего не делать, а только бегать в никс в дуалбуте каждый раз, как понадобится писать серверный код?Да, некрофил на win7
Сап. Хочу вытащить ВСЕ объекты из JSON по данному ключу.Вложенность произвольная, нужно рекурсивно прочесать и собрать все объекты в виде листа.Почему я для этого библиотеки найти не могу? Не руками же блядь писать.
>>1552919Состояние .нета хуже некудаF#/VB и WinForms/Xamarin/ML/Mono мертвыМС понимая всю плачевность ситуации опенсорсят всё что можноУ дебиан комунити целое зарплатное МС подразделение пердоль разгребающих бинарные пакеты, нормально скомплюктировать из-за всех ебанутых рекурсивных зависимостей уже давно не возможно
>>1552891>заводом имени Красного Знамени рязанский чтоль?просвяти че у вас там за вакансия "инженер программист" частенько мелькает. Требования какие-то слишком расплывчатые
Пожалуйста, помогите переделать! Использую штуки отсюда https://getmdl.io/components/index.html#dialog-section , но работает не так как ожидалось. Что нужно сделать чтобы корректно работало в таблице для каждой строки? А то таким образом работает только первая кнопка.
>>1553126Черт, да, про это я узнал. В js я полный ноль, но пытался гуглить дальше, но там ответы 7854278642летней давности, и пока не очень понимаю, как следует пределать.. Слезно прошу о помощи!
Есть какой-нибудь гайд для ньюфагов по js на русском? Я в разработчики не мечу, мне для достаточно утилитарных целей js нужен.
>>1553175Я тоже, анон. Как давно? Как получается? Работаешь фронтом уже или хочешь сразу выучиться на фулстака? Нет конфы какой-нибудь для таких же?
>>1553337Знание JS оцениваю как хорошие. Сначала изучал его для того чтобы в фронтенд вкатиться, но потом начал использовать для своих проектов, которые сейчас прибыль приносят. Но JS жрёт слишком много памяти и в нём нет полноценной многопоточности, да и десктопные приложения делать не так легко, как на шарпе. Вот поэтому решил вкатиться в C#. По шарпу прочитал пока две книги (Троелсен и Альбахари), сейчас пишу на WPF своё приложение, вроде хорошо получается. По бэку только у Троелсена прочитал, но не использовал на практике.
>>1553346Любопытно>изучал его для того чтобы в фронтенд и до етого не было никакого бекграунгда? сколько времени етому делу посветил?
>>1553348Из бэкграунда только отец-программист (но он к тому моменту умер) и мама учитель информатики в ПТУ. Помню как пытался вкатиться в Dephi, когда мне лет 11-12 было, остановился на том, что написал окно с кнопкой Beep при нажатии на которую издавался звук. Больше ничего не было. На JS пишу где-то полтора года, при этом изучал месяц где-то, терпением я сильным не отличаюсь, поэтому дошел чуть дальше середины Кантора, перейдя сразу к практике. Сначала писал говнокод, потом начал его структурировать, потом сделал асинхронным используя промисы, после перешел на готовую библиотеку (Bluebird), на этом остановился. Параллельно прошел курс на HTML Academy (заплатил за интерактивный + скачал с торрента 2 курса по HTML + CSS и адаптивной вёрстке). На шарп месяцев 3-4 потратил, начал с metanit.com (редкостное дерьмо), потом с Троелсена (годнота), потом с Альбахири (тоже годно, но при условии, что ты уже читал что-либо). После JS-а вкатываться было сложно, потому что не привык к ООП и всё что с ним связано, лучше начинать с языка в котором есть полноценные классы и ООП. Но вообще сложного ничего нет, главное не тратить время на всякие двачи и регулярно читать + выполнять практические задания, а еще лучше писать свои пет-проекты.
Работаю с Google API speech to text - опытным путем выяснил, что он хуево работает с ogg и mp3Есть какой-нибудь годный js конвертер для аудио?Нужно из mp3 получить wav
Зачем во всех этих учебниках всегда такие сложные примеры кода с элементами которые ты вообще в первый раз видишь? Единственное что понял - к функции можно обращаться как к переменной, но на хуя высирать эти МииссЛуSystem$LaunchZalupaЕбАтЬ и ду нафинг - что ду нафинг блять? На хуя мне ваш ничего не делать когда нужно понять что вы хотите до меня донести?! Пиздец жопа горит с этой хуйни
>>1553422Ну и написано как-то хуево.>you can use it in arbitrary expressionsЯ и обычную функцию могу использовать в выражениях:function x() {return 1+1};x + 11;Ничем не отличается от:y = function () {return 1+1};y + 11;Тоже самое и с использованием в новых биндингах, передачей в другую функцию. Тоже самое и с перезаписью:x = function (){/do nothing/};
Как вы начинали читать книги и доки на английском? Нужно уделять больше внимания терминам или грамматике?
>>1553547Термины и native спикеры могут не знать, а вот если и с грамматикой хуево, то никакие знания терминов тебе не помогут.
Анон, подскажиЕсли у меня есть класс Book с методамиИ я дёргаю из внешнего API книги в виде JSON строкКакой правильный способ в 2к19 создавать объекты класса Book из JSON строк?Написать статический метод Book.createFromJSON?И использовать типа let book = Book.createFromJSON(message)?Я бы ещё мог сделать два разных конструктора у Book, но в JS так нельзя
>>1553364>На JS пишу где-то полтора года, при этом изучал месяц где-то, терпением я сильным не отличаюсь, поэтому дошел чуть дальше середины Кантора, перейдя сразу к практике.А почему так быстро, ты читал книгу как художественную, особо не вникая? Или ты про видеокурс Кантора говоришь.
>>1552228 (OP)сап, кто нить мигрировал +- большой проект на монорепы? Как лучше сделать? Чет все гайды как запилить с нуля. Но мы сначала монолит делали а терь подумали что наверно надо в моно перекатиться
>>1553550не соглы. Ни строчки без грам. ошибок не напишу на инглише. Но доки спокойно читатю, равно как и конференции англоязычные изи смотреть можно...
Блядь, поясните тупому бекендеру, чем все ваши фреймворки отличаются? Я, блядь, смотрю на angular, vue, react и все остальное, и мне кажется что все это одни и те же яйца. Что взять если нужно быстро склепать spa для крудошлепской фигни и не хочется все эти ноды качать?
>>1553562Реакт - полноценное рфпАнгулар - велосипедный монстровреймворк из миллиона рычаговВью - ебаное спагетиговно для школьников и индусов
Возможно ли написать такую функцию вида fun(name, value), и ты такой пишешь fun('x', 1) и она создает объект {x: 1}?
>>1553556По кантору, и написано "изучал", т. е. даже кантора не до конца прочитал. Использовал основы, а дальше уже по надобности mdn и т. п. читал.>>1553558Вечному вкатывальщику НЕПРИЯТНО? Какая нахуй галера, у меня своя программа, которая приносит мне доход. Но ты конечно кричи ВРЁЁЁТИ и видя во всех своих ровесников, говори, что они тебя просто дразнят.
>>1553561Под грамматикой я понимаю умение правильно понять предложение, и правильно его составить, а не написать без ошибки.
>>1553575Бля, чел, ты только что спросил и я понял, что мне совсем не это нужно.>>1553578спс, буду знать.
Что нужно знать, что бы вкатиться в фулстек с node.js?Основной профиль - фронт с реактом. Писал до этого немного на PHP. Кое-как знаю SQL. Могу написать рест-сервер с авторизацией на jwt. Ковыряю сейчас express. Потом планирую более детально пройтись по самой ноде.Что еще надо освоить, что бы я мог уверенно говорить, что я эволюционировал с чистого фронта до фулстека?
>>1553562Бери vue. Как по мне, то все, что не реакт это говно. Но vue более понятем тем, кто привык к обычной верстке и html-шаблонам.Если ты работал с любым html-шаблонизатором на беке, то темплейты vue будут тебе как родными.angular это тот же vue, только vue всем нравится, а angular все хейтят.react имеет кардинально другой подход вызывающий по началу сильную фрустрацию у привыкших к шаблонам. Если ты не хочешь нырять во фронтенд, то оно тебе и не нужно, скорее всего.
>>1553651Там нечего ковырятьПрактический ехспресс вкатывается за неделю Мидалваре, Роуты, Контроллеры, МодельВсё как и везде
>>1553666А что-то еще нужно знать как маст хев? Или вот нода, экспресс и общие представления как работает бек?
>>1553670Смотря для чего нужноЯ шлепал всякое крудоговно на удаленкеРаботало, закащек доволен, денхи получил
>>1553673Добра тебе анон.А с какими БД чаще приходилось работать? Часто встречаются всякие новомодные noSQL или большинство все равно работают с SQL?
>>1553681На самом деле там было какое-то рандомное страдание хуйней за 150$/неделя с заказчиком-долбаебом, которому лишь бы поскорее и работалоСпизженное приложение с готовой призма моделью на баасном графкуле (скл) немного дописалК электронотудушке серьезно бля и мобильному менеджеру-запоминалке-кулькулятору на монге запелил синхронизации. На беке тупо копии из "аппов" без каких-то реляций, всё нормально впехнулось в документно-ориентированный носкл
https://pastebin.com/JZmAsQBwЕсть тестовый скрипт, выводит имя фамилию в консоли через vkapi, но не выводит через юзерскриптПочему это дерьмо не работает?
>>1553725В тамперманки есть спецальный API который позволяет редактировать любые заголовки запроса. Добавляешь в скрипт соответствующие разрешения, потом используешь TM_request или как-то так, гугли.
>>1553422Нахуя читаешь учебники на английском если не знаешь английского? что тут непонятного? Функция запустить ракеты. Если безопасный режим то она становится ничего не делающей.
>>1553729Я бы не отказался от простого примера для юзерскрипта.То есть чтобы это заработало мне надо дать доступ в приложении для кросс доменных запросов? Потому что openapi тоже об это арёт
>>1553681От проекта зависит. В чем-то большом, скорее всего, есть и sql и nosql - условно постгре, монго, редис и тд. Опять же - смотря какая у тебя цель. Если работа - смотри требования в вакансиях. В целом нормальный бэкэндщик должен уметь в любую бд + graphql, учитывая последние тенденции.
>>1553742Тебе браузер не даст запрос кросс доменный сделать, для этого нужно чтобы origin запроса совпадал с адресом этого запроса. Установить этот заголовок обычными средствами нельзя, можно либо используя chrome api (своё расширение), либо tampermonkey.Вот тут подробнее написано:https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
>>1554252Не спрашивай может ли кто-то помочь - просто спрашивай по сути своей проблемы.Если тут не помогут, обратись в какое-то сообщество по vue. В телеге или там в дискорде.Лично я вряд ли смогу помочь, так как слабо шарю в vue.Я другой анон, если что.
>>1554254Ладно, попробую. Хотя раньше, когда сразу задавал вопросы, отдача была нулевая.В общем если вкратце, то проблема возникла с предзагрузкой данных в Vuex, и дальнейшего использования этих данных в компоненте.Если коротко. Есть Vuex модуль. В actions через axios подгружаются данные с сервера. Там же вызывается мутация через commit, которая записывает эти данные во state.Далее есть однофайловый компонент. Там я хочу данные хранилища связать с данными компонента. Для этого в computed использую mapState. В этом же компоненте через хук created я вызываю действие хранилища которое с сервера эта данные подгружают.И ВОТ САМА СУТЬ ПРОБЛЕМЫПо какой-то причине computed вызывается ДО хука created. То есть на момент связывания данных из хранилища, этих данных нет (они не успевают подгружаться с сервера).Я уже проводил эксперимент. В хуке created после вызова действия из хранилища, которое подгружает данные с сервера, я сразу в консоле пытаюсь вывести эти данные. Итог: их нет. Если же я оборачиваю это в setTimeout (на условных 3 секунды), то данные есть.ВОПРОСПрикол c setTimeout не решает вопрос, так как один хер я не могу связать данные через computed. Пробовал заменить хук на beforeCreate и все равно - мимо.Надеюсь кто-то понял, что я тут понаписывал. Как подгружать данные в хранилище с сервера, и потом нормально их использовать в компоненте, без всяких задержек?
>>1554263Ответ простой потому что вопрос тупой. У тебя стейт должен изначально иметь какое-то валидное состояние для твоего компонента.
>>1554266Не пизди, пожалуйста.Есть куча аналогичных вопросов и ситуаций в интернете.https://stackoverflow.com/questions/48455175/how-to-get-data-from-api-in-vuex-using-axios/48458134 Как пример, из которого я пытался решить проблему
>>1554267Еще раз. У тебя есть state. Данные в state попадут с задежкой.created -> get data -> commit new state. Значит до того как твой компонент создается, в state должно быть какое-то начальное или нулевое значение, которое твой компонент может общитать в computed и отобразить, до того как загрузятся данные.
>>1554273Либо другая ситуация:Данные загружаются родительским компонентом. Тогда отображай дочерний компонент когда данные пришли с помошью v-if
>>1554273Это и так понятно. Ты отвечаешь на вопрос, который я не задавал.Мне нужно, чтобы computed связывал не изначальные данные хранилища, а подгруженные с сервера.Про валидность какую-то пишешь. Вот есть рабочий пример https://jsfiddle.net/awolf2904/n8d44bh3/Где данные в хранилище подгружаются через axios. И все работае Проблема в том, что когда я точно также реализую данный пример через компонент - ничего не выходит (только с использованием setTimeout в created).
>>1554279Только отвечай быстрее. Иначе я спать пойду. Я в состоянии помочь, если ты внятно опишешь прблему.
>>1554279Посмотри пример в jsfiddle что я скинул выше. У него в created вызывается:this.$store.dispatch('loadData')И данные подгружаются как надо. Изначально posts у него пустой массив. В моем случае (когда этот же пример делаю через компонент), при вызове this.$store.dispatch('loadData') в created, условный posts все равно пуст и данных нет. Если же я делаю вызов с задержкой setTimeout(() => { this.$store.dispatch('loadData') }, 3000), то все в порядке и данные приходят. Почему в примере выше, данные связываются и подгружаются как надо, а у меня без костылей с setTimeout данных нет.
>>1554286Хорошо, уже завтра будут смотреть.В любом случае спасибо вне зависимости от того поможет или нет.Добра тебе!
>>1554289Что поможет? Это работающий где данные загружаются компонентом . Тебе надо было показывать твой пример в котором проблема, а не работающий.
>>1554296Хочешь чего-то нового - обмазывайся кложей, а тайпскрипт это просто костыльно прикрученная к ванильному жсу типизация, нихуя интересного и нужного там нет.
>>1552748Как этот менджмент модулей работает в рантайме?Вебпак скачивает необходимый bundle.js и запускает его, так?
>>1552838Это же сервер код. Для него tsc с таргетом next самый выгодный вариант как по мне. Я пробовал собирать вебпаком бандл с серверным кодом - получается хуита, если честно.
Аноны, поясните за паблик бандл, который есть в исходнике одного сайта и можно ли с помощью него как-то манипулировать или только пососать?Условно есть сайт, который выдает юзеру его же инфу подгружая её из базы в связке с этим бандлом, но в этой же базе и самом бандле штуки, которые затрагивают нужную инфу, которую хотелось бы вытащить. Хуета по типу:n.character.businessesType]+"",K=n.character.businessesID+"",Z=n.character.bizBank+"",Q=n.Math.round(n.character.businessesPrice/100.01324n.vipArray[n.player.viplvl].days)+"",nn=n.Math.round(n.character.businessesPrice/100.013)+"",tn=1==n.hourToSellBusinesses?"":n.hourToSellBusinesses>=2&&4<=n.hourToSellBusinesses?"а"
>>1552228 (OP)Кто нибудь юзает vim ? Удобно, повышает продуктивность? Стоит тратить время на изучение? Или это просто дебильная тулза чтоб красноглазики себя к элитки причисляли ?
>>1554389vim говноВот емакс удобный, повышает продуктивность. Стоит потратить время на изучение. Еще и отличная тулза, чтобы быть красноглазиком, причисленным себя к элитки
>>1554377Ты указываешь вебпаку точку входа твоего приложения аля src/index.js. Вебпак считывает этот файл и включает его в бандл. Потом он считывает все файлы, которые импортирует точка входа и так же включает их в бандл и так же само делается с импортируемыми файлами. То есть он собственно бандлит твое приложение со всеми необходимыми ему зависимостями.Как именно бандлить ты можешь настраивать. Например ты можешь импортировать реакт и реакт-дом, но при этом не включать их в бандл поместив их в конфиге вебпака в externals и подключать их на странице вручную. Можешь разделять бандл на файлы кода собственно проекта и на импортируемые из node_modules. Можешь большие файлы разбивать на кучу мелких файлов. Собственно вот это и есть бандлинг. В html файле тебе только нужно будет подключить все, что ты там себе вебпаком нагенерил.В типичном bundle.js будет обертка вебпака, которая будет хранить в себе все необходимые файлы-модули и подставлять для них нужные импорты (то есть вместо импортов/экспортов там будут обычные вызовы функций).Так же он делает всякую типичную работу компиляторов - компилить твои es2020+/ts в нужные версии es, css препроцессоры в обычный css, этц.Вебпак-сервер делает все тоже самое, но подымает статический сервер в котором будет раздавать заданную тобой папку и будет на ходу обновлять бандл в виртуальной файловой системе. При настройке какого-нибудь react-hot-loader у тебя в рантайме будет изменяться не весь бандл, а только изменившийся компонент, так что можно редактировать компоненты реакта без перезагрузки всей страницы.
Почему ебаный реакт теряет позицию курсора в инпута, если инпут программно изменить. Ебаное говно блять, у меня милион инпутов создаются динамически, теперь каждому пердолить реф. Ну охуеть.
>>1554664Ок, у тебя пользователь вводить обычные числа, а должен видеть разряды, типо сумма покупкиКак ты это сделаешь без рефов?
>>1554650Причем тут реакт? Это дом так работает. Откуда ему знать куда курсор воткнуть? Хочешь форматировать ввод — ебись с позицией курсора сам.
>>1554616Примеры успешных юз кейсов? Какие известные либы/фреймворки на жс были переписаны на кложуру или изначально написаны на ней?
>>1554692Ну наверно без них реально можно жить. Я лично их периодически юзаю, но в основном для достаточно хитрых вещей, которые в обычном формошлепстве никак ненужны.Ну и есть еще редкие юзкейсы, когда без них вообще никак, так как реакт до сих пор не поддерживает опции слушателей (по крайне мере не поддерживал когда я с этой проблемой столкнулся).
>>1554711Лисенеры выбиываются из всего иммутабельного потока дерева/коллебоков, не нужны по определению
>>1554714>clojureScriptЭто бонус кложи, но никак не то, зачем ее учить. Я вообще считаю, что если тебе нужна жс-параша в аутпуте, то пиши ее на жс-параше, а не на очередном модном кложур/кофе/тайп-скрипте, всем легче будет.>>1554719То же самое, что может дать питон, руби, пхп и прочие. Удобный динамический язык, на котором можно быстро нахуярить работающую программу. Плюс еще реальная функциональщина сверху, любому жсеру с каргокультом на ФП нужно для начала пописать на реальном ФП языке, чтобы дураком не выглядеть в своих рассуждениях. Но там вопрос стоял вообще не так, а "хочу язык попробовать для саморазвития, что выбрать". Какой ответ может быть лучше, чем кложа, если откинуть мемы про хаскель? Ассемблер разве что.
>>1554793Довольно типичный юзкейс на самом деле. Все из за новой политики хромиума относительно событий.https://github.com/facebook/react/issues/14856
Хелп плиз. Учу на learn.javascript.Строковое преобразованиеlet value = true;alert(typeof value); // booleanvalue = String(value); // теперь value это строка "true"alert(typeof value); // stringВопрос по вот этой хуйне:>value = String(value);Нам же надо сказать, вот переменная value булевая, сделай её строковой. Зачем там 2 раза value, почему недостаточно value = String.
https://pastebin.com/qzt0zdV5не могу понять почему переменная становится undefined вне функции xmlHttpRequest, внутри неё выводит шо мне нужно
>>1555183Потому что console.log на строке 18 вызывается до console.log на строке 13, так как второй засунут колбэк.
>>1555185Что почитать, что бы понять мою ошибку? И я не понел как мне решить, пробовал там глобальные объекты, вар, коллбек же присваивает, блет, то есть мне надо учить матчасть коллбековДай подсказку
>>1555193Делай функциюfunction afterResponse(res){name = res.response.name;console.log("name = " + name);}И вызывай её в onload запроса.
>>1551020Буржуи тоже пишут, что чет эта книга рисование совы напоминает. Вплоть до объектов там типа для новичков главы, галопом по европам через примитивы и базовые структуры данных, а потом ХУЯК - наследование, классы и прототипы, фи-коэффициент, матрицы, графы, ебать мой хуй. Нахуя новичку графы? С массивами бы разобраться.Глава про робота вообще задвигает ЗАДАЧУ КОММИВОЯЖОРА новичку, слава богу хоть решить полностью не предлагают.Таки да, для вкатывальщика лучше все-таки с Кантора начать, а продвинутому там делать уже нехуй.
>>1552228 (OP)кто нибудь хочет проект фо лулз попилить?нужен чувак который поможет с фронтом.фраемворк еще не выбрали.будем делать что то около совместной рисовалки будем юзать http://fabricjs.com/кому интересно скидывайте свои вконтакте сюда superwebdev1337@mail.ru
>>1555291>нужен чувак который поможет с фронтомКак будто там есть что делать кроме фронта>будем делать что то около совместной рисовалкиДелается за два вечера>фраемворк еще не выбрали.>будем юзать какое-то говноПонятно>свои вконтакте сюдаРепортнул <18
Рантайм-оверхед стайледов - это главная их проблема. Современные клепатели формочек уже совсем отбились от рук и считают, что компилировать стили в рантайме ЖСом - это нормально.
>>1555308> капля в море положения дел не исправит.Я и говорю, вы совершенно отбились от рук, псы. Тут 100 килобайт не сделают, там оверхед не сделает, там ещё сотку, там ещё оверхед. Надо стремиться к оптимальным решениям там, где это возможно. SC нужен в 10% случаев, в остальных случаях его берут чтобы попробовать/хайпануть
>>1555308Это не капля в море, это заранее захардкоженные в центр приложения сотни килобайтов стилей, которые ты хуй засервишь отдельно.
>>1555336Пукольщек выкатывайся Предъявлять обработку в рантайме либе которая изначально заточена под это совсем клиникаПоказывай свои проекты и бенчмарки с динамическими стилями SC v5 и говном которые используешь ты
>>1555329>подразумевая, что это должно будет что-то кому-то доказать?Я могу привести тебе тысячу реальных проектов на адской jquery-лапше, могу показать тебе бездну жс-ядро битрикса, например, примешь их реальность за оправдание их хуёвости?>Предъявлять обработку в рантайме либе которая изначально заточена под этоЯ не либе предъявляю, дебс, я хайпу предъявляю за использование этой либы там, где она не нужна нахуй объективно.
>>1555347Действительно, что же может быть производительнее, нативный рендеринг и кеширование стилей в браузере или дроч инлайн говна на каждый ререндер компонента, давайте подумаем...
>>1555305Смотря какой подход. Если что-то вроде SC то ты с обратной стороны выигрываешь на отказе от композиции и запросов по селекторам. Вряд ли оно будет быстрее нативного, но разница не должна быть заметкой.
Насколько реально пригодятся знания верстки на должности JS-разработчика? И вообще есть ли те кто занимается просто версткой?
>>1555541> Насколько реально пригодятся знания верстки на должности JS-разработчика?Маст хев. Если только ты не собрался писать под ноду.> есть ли те кто занимается просто версткой?Исторически была такая специализация, но потом верстаки мутировали или в фронтэндеров или стали вордпрес-разработчиками или типо того. Чисто верстаки еще встречаются, но явление плавно умирающее и уходящее в небольшие ниши, где есть чем занят человека умеющего только верстать.
>>1555541>есть ли те кто занимается просто версткой? Если компания может себе это позволить, то есть. Потому что по сути это разный набор скиллов. UI/UX/A11Y/HTML/CSS с одной стороны и JS/React/API с другой.
>>1555541В ЖС вкатываются за месяц, в верстку за неделюКому нужен выебистый дегрод, не могущий во что-то из этого?
>>1555599Нет, я senior frontend developer. Верстаков не видел уже более пяти лет. Где они? Про то, что он совмещает с UI/UX это какой-то бред.
>>1555596Верстать будет? Что за вопрос ебать, вам совсем там мозги отбило жс-стилями, что вы даже представить не можете, как можно эти обязанности легко разделить? Хорошая верстка занимает достаточное количество времени и с писанием логики никак не пересекается, а меня лично дрочит писать логику 2 часа и потом еще час натягивать сверху верстку, очень скучное и монотонное занятие. А был бы готовый шаблон от версталы - справился бы за пять минут.
Анон, я не въезжаю чет, пояснивот на скрине лектор создает константу pages к которой привязан объект,далее создается еще одна константа data = pages[url]и тут мне немного не ясно, почему он использует квадратные скобки, как при работе с массивом, а не использует точку по типу: data = pages.url
>>1555843Потому что url - это переменная, где лежит какой-то адрес, например "/about". pages[url] в этом случае имеет эквивалентную запись - pages["/about"], а для pages.url эквивалентная запись это pages["url"]
>>1555843Потому что через точку у тебя пойдёт обращение к pages["url"], а через pages[url] к ключу-строке из юрл
>>1555871СпасибоА что скажешь про мануал на MDN? А про фак? Я раньше точно видел в ЖСтредах фак вторым постом.
Двач помоги. Есть гет запрос на s3 bucket. Нужно тянуть аудио оттуда.Собсно юзаю axios.На options реквест возвращается 403 forbidden. рофл в том, что если рефрешу страницу, то проходит гет запрос 200 и аудио начинает загружаться. Вопрос - это я наговнокодил, или нужно убить бекендщиков?
>>1556147Ну у него в первый раз работает. Так что там наверно или что-то с токенами или с квотами. Не шарю в авс.Аксиос вообще норм. Я на своем пете сам собираю хедеры и формирую фетс, но должен признать, что аксиос слегка упрощает это все. Если человек ленивый, то аксиос оправданный вариант. Он там пару удобных оберток для менеджмента саксес/фейл предоставляет.
>>1556149он же пишет, что первый раз проходит ГЕТ запрос, а не опшенсесли нужно аудио на странице, обычно используют соответствующие теги хтмл, а не аякс запросы
>>1555904>>1556150Я слегка бухой. Но джаст ин кейс - в 2019ом аудио не может проигрываться в браузере пока юзер не сделает какого-то активного действия на странице. Это было добавлено вендорами против навязчивых видео и аудиво. Гипотетически, это может быть виной странномому поведению. Если так, то нужно грузить аудио только после того, как юзер сделал клик на странице.
>>1556149в первый раз как раз таки options запрос.который 403если я тыкаю кнопки на странице и происходит ререндер компонента, там на didmount этот запрос колается. Все равно ошибка.ОШибки нет и гет запрос происходит только если рефрешнуть страницу (через кнопку в браузере)
>>1556285Так не бывает. Если это два одинаковых запроса и два разных ответа - то еби бэк, если это два разных запроса - то еби себя. Смотреть в network
>>1555541От компании зависит, надо на собеседовании спрашивать, что конкретно тебе придется делать, для этого спрашивай у пацанов из компании, какие таски они делали за последний месяцЯ вообще не верстаю, хватает задач по реализации бизнес-логики на реакте, оптимизации, рефакторинг.
>>1556828Как у тебя так могло получится? Ты хуйню делаешь потому что mapStateToProps (если ты имеешь ввиду первый аргумент для connect) функция только state и она за пределами компонента определяется
>>1555359Какой хайп, дебич? Эта либа нужна везде, где есть реакт. Ты предлагаешь в 2020 писать на реакте с использованием sass и бэм? Ок, бумер. Зато твой код будет на 0.005 наносек быстрее, заебись.
Сап двач, нужно аудио с диктофона отправить на сервак. Микрофон записывает всё это дело в blob и через blobURL его можно тут же прослушать. В чём же суть вопроса. Какое колдунство к нему нужно применить, чтобы на сервере и него получился .wav файл?
>>1556836Дело в том, что значение в стейт - это реф дочернего функционального компонента, который появляется при апдейте
Почему все пишут что БЭМ и Sass допотопная хуйня? Я не работал на реальных проектах и мне просто интересно что используют там?
>>1557161>что используют там?БЭМ, Sass, Less, CSS modules, Styled Components, Emotion и кучу других решений.Есть куча древних проектов или просто техлидов, которые держатся за стак своей молодости. Тут как повезет. Просто мало кто хочет торчать на легаси технологии, ибо это бесполезный опыт и никак не поможет при найме на новую работу.БЭМ это древняя методология, когда разработчики следуют определенным правилам в целях изоляции стилей. Сейчас технологически возможно реально изолировать стили, потому в этих телодвижениях с БЭМ нет никакого смысла. Если видишь кого-то, кто защищает БЭМ - можешь смело его обосать.Sass более живая технология и он все еще конкурируют с более новыми технологиями вроде Styled Component. Сам я за SC, но в целом Sass тоже приемлемый вариант - работать можно.
Пацаны, я обосрался.Откликнулся на вакансию фронтенд-трейни, в требованиях было, цитирую, базовые знания (или понимание) JavaScript, html, css. Ну, ванильный жс я знаю весьма неплохо, за некоторыми исключениями. Со мной связываются и дают тестовое задание, написать круд на реакте, а я ток три дня назад начал читать доку.С 8 вечера пытаюсь что-то написать, но нихуя не выходить. Нашел готовую реализацию нужного мне компонента, а она выдает ошибку на моей машине, но в кодпен работает нормально. Пиздос, тупа мандраж бьёт.
>>1557294Ну если в требованиях не было реакта, то скорее всего чувакам интересно больше не то, насколько у тебя будет охуительный круд на реакте, а насколько ты вообще обосрешься (а обосрешься ты обязательно, и это нормально).Начни с официального туториала, он на 2-3 часа https://reactjs.org/tutorial/tutorial.htmlЕго хватит, чтобы вывести таблицу. Для общения с бэком хватит fetch, в библиотеки не лезь.Дальше реализуй удаление элемента, это наверное будет проще всего из оставшегося.Дальше действуй по ситуации.
>>1557297Еще, я так понимаю, тебе непосредственно в базу не надо срать новыми записями, достаточно просто отдать новый стейт в виде JSON-файла с данными таблицы?Если так, то можешь просто по этому гайду идти (с хуками, епта! если не знаешь, что это - не ссы, это нормально):https://www.taniarascia.com/crud-app-in-react-with-hooks/В таком случае это действительно похоже на задание уровня трейни.
>>1557304> Ну если в требованиях не было реакта, то скорее всего чувакам интересно больше не то, насколько у тебя будет охуительный круд на реакте, а насколько ты вообще обосрешься (а обосрешься ты обязательно, и это нормально)Я понимаю.> Начни с официального туториала, он на 2-3 часа https://reactjs.org/tutorial/tutorial.htmlС него и начал, но> Его хватит, чтобы вывести таблицу. У меня проблема в том, что таблица должна быть из джейсона. Я выделил заголовки, и ячейки, но как все это соединить в таблицу я ума не приложу. >Для общения с бэком хватит fetch, в библиотеки не лезь.Про это читал, там вроде все понятно.>>1557306> Еще, я так понимаю, тебе непосредственно в базу не надо срать новыми записями, достаточно просто отдать новый стейт в виде JSON-файла с данными таблицы?Это хз, там в шаге написано интеграция с бекендом просто.> Если так, то можешь просто по этому гайду идти (с хуками, епта! если не знаешь, что это - не ссы, это нормально):>https://www.taniarascia.com/crud-app-in-react-with-hooks/Спасибо, сейчас прочитаю.> В таком случае это действительно похоже на задание уровня трейни.Ну я именно с наличия реакта охуел.>>1557305Мне без разницы, даже без оплаты с радостью пойду.
>>1557318Алсо, вот линк на спизженную таблицу. Проблема в функции RenderRow(). Если оставить ее за пределами класса, реакт выдает ошибку RenderRow(...): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object., если вынести в отдельный класс, то я не знаю, как его вернуть и зарендерить.С меня сотни нефти за любую подсказку.
>>1557318Ну смотри, вывестим таблицу это как вывести список ( в туториале есть про вывод ul). Вспомни как таблица в ХТМЛ выглядит. Ну например:<MyTableComponent><table>--<thead>----<tr>------<th>{title1}</th>------<th>{title2}</>----</thead--<tbody>----// тут через map() выводишь значения из таблицы в формате----<tr>------<td>{value1}</td>------<td>>{value2}</td>----</tr>----// end of rows--</tbody></table></MyTableComponent>
>>1557322Там хуйни намудрено, таблицы в 99% случаев рендерятся вот так: https://pastebin.com/DQYrdB0S
>>1557313> Мне без разницы, даже без оплаты с радостью пойдуКаково это быть жалкой демпингующей фронтомакакой без самоуважения?
Пиздец время идет а тред все дальше заполняется беспросветными додикамиДаже жабапостеры не спасают ситуацию
>>1557352Коли тебя беспокоит "демпинг" со стороны человека, который вчера начал реакт изучать, у тебя все плохо с карьерой. Чувак может себе позволить бесплатно набираться опыта, то молодец, че.Если ты так троллишь неумело, то тебе в /b/.
>>1557362Лол, ты не представляешь, как много таких вот заеду стало за последние год-два.Фронтэнд и джава - самые депингуемые направления в айти сейчас. Там только сеньоры чувствуют себя комфортно, для всех кто ниже зп или не растут или наоборот падают. А все потому, что именно туда набегают все эти "мне бы для опыта хотя бы".
>>1557366>зп или не растут или наоборот падаютНу если у тебя скиллы не растут до такой степени, что тебя можно заменить джуном с годом опыта, то схуев ли кто-то должен повышать тебе зарплату? Наркоман?
>>1557324>>1557325Это просто пиздец. Я сейчас поспал полтора часа и внезапно осознал, что у меня в форкнутой репе реакт 15.4. Обновил через npm до 16.9 и теперь всё работает!!!Сейчас сделал табличку по твоему образцу, пиздос красота. Сейчас закину репу в слак, кину сюда фитбек. Я, наверное, тебя уже благодарил, но, энивей, спасибо!!!
>>1557426Те по жизни будешь просить ниже рыночной зп. Будешь с радость сидеть овертаймы. Выполнять любые идиотские правила манагеров. Тебе будет казаться, что так и должно быть, а вот твои коллеги будут тебя тихо ненавидеть. Ты тот рак, который убивает айти. Не будь таким раком.
>>1557563Охуенно ты конечно вывел блять ежа из кролика. А если я фильм с торрентов скачал то сталобыть и в магазине водку ворую?
>>1557573Ну хз, я даже на первой работе работал сразу за деньги. Хотя тогда тоже можно было встретить такой разводняк, мол неоплачиваемый испытательный период. Учитывая, на сколько за это время выросло айти, таких разводняков наверно стало только больше.Пошел работать за "опыт" - поддержал эту грязную схему.
>>1557633Двачую, никогда не понимал людей, которые лишь бы за опыт бесплатно работать.Да, не получилось у меня вкоьтиться в программирование. Работал в техподдержке, через 4 года вкотился войти, причем махровое, галера-энтерпрайз, индусский код, всё по классике
Поясните за книгу "Выразительный JavaScript". Она для новичка не знакомого с программированием вообще подходит или нет? Скачал издание 2019 года и дочитал до первых 3х заданий. Первое с "#" почти решил, но ответ кривой был и пришлось в гугле подсказку искать, второе с "FizzBuzz" решил сам, а на третьем меня начали терзать смутные сомнения, будто бы мне предыдущие 50 страниц на самом деле нихуя не объясняли и я должен сам доагадаться как это делать. алсо, отдельно пригорело с того, что в книге 2019 года используется ссылка на сайт, который уже не работает. Из-за этого я не могу сверить свои решения с решениями автора и приходится искать васянский код на разных форумах.
>>1557724>отдельно пригорело с того, что в книге 2019 А ты эту книгу покупал? Вот и иди нахуй, пригорело у него, лол. По остальным вопросам:1. Не для новичка.2. Даже бывалые говорят, что говно. 3. Задачу показывай, никто условий наизусть не учит и не может тебе сказать о уровне её сложности.
>>15577361. Новичковая книга, не неси ерунду.2. Книга имеет одни из лучших оценок среди аналогов (как оригинал на английском, так и перевод).
>>1557793Её тут уже и новички обоссали и те кто решил повторить уже пройденное, но ты конечно можешь дальше витать в манямирке со своим "новичковая книга">Книга имеет одни из лучших оценок среди аналогов (как оригинал на английском, так и перевод).Аналогов чего, долбоеб? Сама книга позиционируется не как книга для новичков, а как книга для тех, кто хочет узнать основу JS, т. е. углубится в него.
Нужно ли фронтендеру что-то понимать в сетях на глубоком уровне? Сейчас читаю книгу "Компьютерные сети. Нисходящий подход", дочитал до Канального уровня модели OSI и уже плыву так как речь в основном идет про написание протоколов и принцы работы с перегрузками т.п., но пригодится ли это все? Те же знания о HTTP
>>1557724Пару лет назад начиналСлишком много примеров в вакууме и откровенной отсебятины Непрактично для вкатывальщиков, особо не интересно для сеньоров-помидоров Может подходит для проскачивших жуниоров-мидлов, как альтернативное мнение на происходящееПо жсу вообще весь материал говно, даже не помню, читал ли я что-то полностью
>>1557736Че агрессивный такой? Если бы купил, то ссылки работали бы? За мнение по книге спасибо, с задачами я и в гугле разберусь.>>1557769Спасибо за наводку.>>1557808А ты вкатившийся? как сам обучался?>По жсу вообще весь материал говноА что про Кантора скажешь, которого мне выше посоветовали?
>>1557804Нет, это же тред про JS, а не С/C++, ты всё равно ничего не поймёшь, сначала нужно выучить более низкоуровневый язык чем жопаскрипт.
>>1557816>А ты вкатившийся? Нет>как сам обучался?Года 3 назад все было еще более всрато, уже не актуально>А что про Кантора скажешьХз кто этоПопробуй пройти гайд на freecodecamp, там вроде даже реакт добавили
Аноны, ковыряю мувисерчер (без редакса). Есть пару вопросов по тому что уже есть и конечно, если вам не лень, то укажите что я явно сделал не так. Писать код не надо, просто скажите можно или нет как-то объединить componentDidMount() и componentDidUpdate(). Из моего кода видно, что они делают одно и тоже, но у меня не хватает ума, как их объединить. componentDidMount() - выполняется только первый разcomponentDidUpdate() - выполняется только после апдейта
>>1557891Добавить новый метод в контейнер и вызывать этот метод из того и другого обработчика. Это подойдет?
>>1557930да, подойдет, спасибо, но я думал есть какой-то свой реактовый метод, который грамотно решает мою проблему
>>1557971Спасибо.Я всего пару видосов посмотрел по реакту и у меня после них сразу возник вопрос: окей, а как вообще в моё веб приложение попадут данные, чтобы я из них построил ГУИ и как вообще компоненты будут взаимодействовать с сервером?Получается, для этого и существуют Хуки? Или есть более расово верная практика? Я, честно говоря, думал сделать в приложении отдельные хендлеры для запроса данных и отправки данных. Типа вот у меня есть компонент "форма ввода логина пароля" и на кнопочке Login в этой форме висит метод класса этого компонента, а уже этот метод и отправляет какой-нибудь, для простоты, ajax запрос по https. А обработчиком этого ajax запроса является какой-нибудь метод компонента app, который отвечает за обработку ответов от сервера. Говно идея?
>>1557971я тот анон, который сбрасывал >componentDidMount>componentDidUpdateпоясни, чем хуки лучше этого? понятно, что не просто так что-то вводят, но если у меня спросят на собеседование : почему вы использовали хуки, что мне ответить?
>>1558224Если тебя спрашивают почему хуки лучше, то тебя собеседует долбаеб.Отвечай так:1) Можно выносить жизненные циклы в отдельный слой вью2) меньше кода и проще читать код3) Это современный мир, классы - это легаси
>>1558250Да я вообще шарпист с 3 летним опытом работы, лол, просто хотел вас с наступающим поздравить, таким вот макаром. На улице снега нет же.
>>1558011>>1558224реакт - фп впердоливать в него классы и ооп дресню не нужно по определению, а если все-таки решился - получаешь тонну ебли со скопами и в любом случае должен ограничивать себя в мутациях, чтобы не скатить всё в лютый говнокодхуки тупо тру реакт вей
>>1558243>классы легаси, хуки - нет.Citation needed.Меня классы устраивают полностью. Причин переходить на функциональные компоненты не вижу.
>>1558263Я не он. Но вроде у дотнета все хорошо.Да и шарпик в 10ке любимых языковhttps://insights.stackoverflow.com/survey/2019#most-loved-dreaded-and-wanted
>>1558341похуй что тебя устаривает, а меня устаривает VAR вместо LET и CONSTты долбаеб должен следовать за рынком и тенденциями современного мира.
>>1558361> ты долбаеб должен следовать за рынком и тенденциями современного мира.Я это и делаю. Все ломанулись в ФП - и я ломанулся. Пошли истории про то, как проекты на чистых ФЯП обсыраются один за другим - я вернулся к императивщене и классам.
>>1558379Ты ведь понимаешь, что JS и Реакт это не ФП? В мире фронтеда обмазываются лишь отдельными элементами ФП, которые общепринято признали благом, вроде чистых функций и иммутабельности.И реактивное программирование не есть составляющая ФП, а отдельная методология, которую можно ложить и на императивное и на функциональное погромирование.
>>1558383https://en.wikipedia.org/wiki/Imperative_programminghttps://en.wikipedia.org/wiki/Functional_programminghttps://en.wikipedia.org/wiki/Reactive_programming (особенно раздел Approaches)Чистое ФП в JS может выглядеть кое-как как тут:https://github.com/fantasyland/fantasy-landhttps://ramdajs.com/docs/>>1558386Я знаю, кеп. Под ФП, я именно ФП и подразумевал. В мире жс оно только элементами попадает, хотя многие считают, что те элементы это и есть ФП.В JS ты все равно будешь писать императивно, и выбор классы или функции - там одна фигня. Но классы чисто сами по себе как для разработчика более удобные, кпм.
>>1558389чем классы удобны? ты собрался наследоваться что ли?зачем тебе классы вообще?хотя бы один кейс опиши где они тебя спасли
>>1558389Додик, плиз, перекатись в какой-нибудь срачетредПротекать весело, но тут и так дебилов с говном в голове хватает ты, видимо, один из них
>>1558392Вместе с тайпскриптом у меня получаются красиво-типизированные и автоматически документированные объекты. Мне нравится, все что нужно я могу прочитать в подсказках к самому объекту. На крупных проектах очень удобно.
>>1558396нет, то что ты описал есть и в функциях, описывай интерфейсы и радуйся жизни.ты не понимаешь что такое классына крупных проектах как раз заходит ФП, а ООП больше на мелких.
>>1558398> ООП больше на мелкихЗачем оно там? Мелкий проект хоть на процедурах можно написать.> на крупных проектах как раз заходит ФПОчень большой скепсис. Топите сами эти урановые ломы.
Насколько профессиональное образование помогает найти работу в IT? Я спрашиваю только о профессиях связанных с вебом
>>1558403Если ты вышел из вуза реально что-то умея - то помогает.В целом, в большей части айти главное это навыки, а вышка это просто хороший бонус. Там, где вышка решает, это либо рабские гос.конторы, либо очень крутые места где надо пройти небольшую олимпиаду по погромированию, просто что бы тебя начали рассматривать.Если ты не протирал штаны в вузе и реально учил теорию, то в добавок к практическим навыкам это будет безусловным преимуществам перед вкатывальщиками с говнокурсов, где на теорию в основном забивают и просто дают сжатый курс как клепать формочки. Как на собесе, так и в реальной работе.
Учу преобразования типов.Почему в 1 выделенной области он преобразовал в строку, но на выходе получилось 50 а не "10+40"?А во 2 выделенной области все норм, получил строку а не число 60
>>1558429Потому-что порядок выполнения операторов. Аргументы функции сначала будут вычислены, а только потом переданы этой функции. Функции в жс ожидают только значения, а не выражения.
>>1558429потому что в 1ом сначала идет сложение а потом результат передается в метод стринг, который преобразует в строку типво втором из за строки просто конкатенация
https://ru.stackoverflow.com/questions/1063584/Неправильно-двигаются-изображения-по-таблицеМожете помочь решить вопрос?
Пытаюсь переписать код из википедии с коллбеков на промисы, а мне выдаёт - "нет такого метода .then"Я ж вроде промис возвращаю, что не так, знает кто?
>>1558438https://nodejs.org/api/net.html#net_net_createserver_options_connectionlistenerНе возвращает оно промис. Промис ты возвращаешь из колбека в net.createServer, но сам он не возвращает промис. И вообще там промис не нужен.Ты и так будешь там работать через эвент имитер, который сам по себе асинхронный.https://nodejs.org/api/events.html#events_class_eventemitter
>>1558441>: thisПонятно.Эти промисы на ноде не используются чтоле и всё через события? А что тогда носятся с ними все?
>>1558445Потому-что это на ноде у тебя все на событиях, на клиенте тебе надо самому асинхронность реализовывать.
>>1558447Но если что, я не сильно по ноде. Потому там может где-то оно и применяется. Я писал только несложные сервера на экспрессе и потребности в них не было.
>>1558448Да я не сильнее - даже сервера на ней не писал, разве что бота на телеграфе по гуглу поднял. Я из другого бекенда просто, а ноду как годный набор инструментов для веб-разраба рассматриваю.
Можно сделать так, чтобы показать в img превьюшку, а чтобы на 'сохранить как' сохранялось реальное изображение а не превью?
>>1557724"Выразительный ЖС" для совсем новичков суховат. Зайдет наверное чувакам после профильной вышки, которые хотят с ЖСом ознакомится. Первые несколько глав еще туда-сюда, но как начинаются объекты, там становится совсем нехорошо.Для начинающих лучше всего https://learn.javascript.ru/, он же Кантор. Все расжевывается очень доступно, начиная с самых основ.Кантора в принципе хватит для работы с ЖСом, даже с запасом.Для более глубокого понимания работы ЖС можно поглядеть YouDon'tKnowJS https://github.com/getify/You-Dont-Know-JSТам чувак прям глубоко в движок языка лезет, но она уже больше для миддлов - лучше понимается, когда есть реальный опыт работы с языком, да и не нужно это новичкам.
Аноны, поясните плз куда копать. Вот есть сайт "https://example.ru/..."Внутри этого сайта есть iframe "https://test.com"Весь контент сайта внутри фреймаМне требуется посредством юзерскрипта изменить содержимое фрейма, но как я не пытаюсь к нему обращаться, мне приходит undefined. Есть какие то хорошие примеры, как postMessage правильно юзать?Или, как вариант, могу попробовать отключить плагином CORS, это не критично, тогда какими методами менять содержимое и сработает ли это?
>>1558585Не оченьОбычно все скатывается во что-то типаЭкшон -> Хендлер -> Диспатчер -> Коннектор -> Хендлер -> ВьюДля мелкопроектов не нужноВ больших приложениях рано или поздно начнешь воевать с этим же паттерном + проблемы производительности
>>1558598Намного лучше чем реквесты во вьюхах делать. Разделение компоненты контейнеры с запросами + коппоненты вьюхи тоже говно. Рано или позно тоже все в кучу перемешивается, когда на проекте несколько человек.
>>1558642Вот типичная проблема не для тудухи. Напишешь ты код запросов в компонентах. А потом возникнет задача делать cancel для одного запроса, когда выполняется запрос в другом компоненте.
Какой простой фреймворк для вката? Сейчас стажируюсь на C# программиста, но вижу что не вывожу из-за моего низкого интеллекта ( там работа с сериализацией и другими сложными вещами на WCF), думаю во фронте будет полегче, присматриваюсь к Angular js
>>1558696Выглядит несложным, но когда из бд надо взять хмл, отсериализовать, отфильтровать и найти короче см.пик.
>>1558654Канселинг запросов — признак того, что разработчик не умеет в архитектуру и ему приходится втыкать императивные костыли. Нормальные ребята способны организовать data layer так, чтобы в этом не было необходимости.
>>1558699>императивные костыли>Ты блять знаешь что такое функтор? За что тебе платят.>Так, так, так, что там у нас? Мейби монада! Заказчик будет доволен.>Зигоморфный препараморфмизм
>>1558642Держать любую логику нужно как можно ближе к тому месту, где она используется. И по такому принципу есть только две причины выносить запросы из вьюх - это улучшение читабельности кода или нужда в реюзабельности данной логики.
Лично я пришел к тому, что я выношу всю логику запросов в отдельный менеджер и потом только делаю из него вызовы. Оно построено таким образом, что подход к получению и сохранению данных может быть изменен простой заменой этого менеджера на соответствующий.У меня таким образом одна код-база собирается и для веб-сервиса и для электрона. В наше время никогда не знаешь, к какой платформе придется прикручивать потом клиент.
>>1558748Речь не о замене одной имплементации интерфейса на другую, а о том, что во вьюхе ты все равно будешь делать условно либо get("/todos/1").then(todo => dispatch(setCurrentTodo(todo))), либо fetchAndSetCurrentTodo({id: 1}), и по умолчанию делать надо первое, потому что там меньше всего лишних абстракций.
>>1558757Хорошо что тебе не приходитсяподстраиваться под чужое говно, ты наверное и бекенд сам пишешь. Но для 99% реальных проектов чем меньше абстракций, тем больше грязи. Почитай Фаулера для разнообразия "Рефакторинг js"
Вечер в хату адептам лучшего в мире языка.Пытаюсь запустить телеграмм бота локально.Закономерно сосу хуй, потому что url до API заблоченыГде можно взять бесплатный прокси сервер на побаловаться?
>>1558761Очевидно, что если преимуществ меньше, чем плюсов, то она лишняя. Как узнать, что их меньше - только опытным путем(работать с этим кодом и пытаться его менять) или из предыдущего своего опыта.>>1558768Если бы ты реально читал фаулера, то ты бы знал, что он, как и любой опытный программист, всегда в первую очередь агитирует против оверинжиниринга, а абстракции ради абстракций - это классический пример данной хуевой практики, потому что лишнее абстрагирование всегда ухудшает читабельность кода и может не давать ничего взамен. Рефакторинг на то и рефакторинг, что он проводится над уже существующим кодом, когда явно видна причина, ради чего абстрагировать, а не заранее на "авось пригодится".
>>1558787Ну так начинай учить жс, если хочешь, в чем проблема?>>1558789>>1558792В ахуе с дебилов, он даже не сказал, что именно он "учит", каким образом, сколько часов в неделю и прочее, но уже накинулись мамкины илитарии со школьным бахвальством уровня "ну ты лох, че там учить, за неделю все делается ебты".
>>1558799Я понимаю что верстка учится не за неделю и не за месяца, а даже если и так, то все люди разные, но чел я год сижу дома и тупо верстаю при этом до сих пор не осилил свой план по практике (15 сайтов на фелксах, 5 на гридах). Учитывая что впереди JS, мне кажется я просто проебал год жизни и выбрал не то чем стоит заниматься.
>>1558784По нашему опыту, программы, использующие короткие функции, живут дол го и счастливо. Программистам с малым опытом работы часто кажется, что насамом деле никаких вычислений не происходит, а программы состоят только изнескончаемой цепочки делегирований действий от одного объекта к другому. Од нако, работая с такой программой на протяжении нескольких лет, вы понимаете,какую ценность представляют собой маленькие функции. Все выгоды, которыедает косвенность — понятность, совместное использование и выбор, — поддер живаются именно маленькими функциями.Мимо Фауст Фаулер
>>1558818Нормальный план в шапке фронтенд треда.1) 2 интенсива от Першина2) кантор3) дока реакта + какой-нибудь курс с udemyПоздравляю, вы веб-программист
>>1558825Ягнул копытцем.Если ты прочитаешь статью которую кинул, увидешь что там идет речь о запиливании фич. Но не о том чтобы весь код собрать в одном большем компоненте на несколько экранов. Редукс + редукс обсервабыл или сага и у тебя уже простые фунциональные компоненты без без логики.
>>1558806>тупо верстаю>не осилил свой план по практике (15 сайтов на фелксах, 5 на гридах)Ну рекомендую верстать не тупо, а верстать свои сайты сразу же. Но вообще если ты примерно понял, что делают флексы и гриды, написал пару небольших примеров, то нет смысла дальше пытаться сверстать миллион сайтов просто ради практики, это не даст вообще ничего. Садись да учи жс, от недели до месяца на самый базовый синтаксис(дойти до функций, массивов, объектов и понять в общих чертах, что они делают и зачем нужны), после этого(или в процессе) научиться устанавливать себе окружение ноды, и с вебпаком поднимать все фронтенд окружение целиком(js, css, html). Тут же учишь реакт и вот ты уже вротендер.
>>1558837А потом еще год опыта где-то добыть. И это блядь не сидеть дома верстать вперемежку с просмотром анимы. Это надо год бесплатно на дядю хуярить.
>>1558835Я сразу написал, что одна из причин выносить лишние абстракции - это улучшение читабельности. Несколько экранов нечитабельны по определению. И хуярить говносагу на туду-форму с пятью кнопками - это и есть лишняя фича.>у тебя уже простые фунциональные компоненты без без логики.Нет, у тебя компоненты с той же самой логикой, просто неявной и запрятанной в другом месте.
>>1558841>Это надо год бесплатно на дядю хуярить.Откуда ты эту хуйню придумал? Если кто-то готов брать джуна и давать ему писать код в продакшен, то уж сраные 15-30к он ему заплатит, иначе это пиздец шарашкина контора, из которой надо бежать сразу после собеседования.
>>1558858забей, этот долбоеб не смог даже на стажировку за 10к попасть. теперь будет всех в треде дизморалить
Если тут каким-то образом есть UI/UX вкатывальщики верстка и фронтенд не нужно, могу предложить работу над нескучным проектом с оплатой после закрытия проектаСамому что-то придумывать нужно, но могу накидать примеры с прошлых работТут есть такие?
>>1558860Лол. Какая разница между 10к и 0к? На морожинку хватит? Но тебе уже не до морожинки будет вечером после работы. Корочку хлеба пососать с чаем и баиньки.
>>1558867Ладно, давай скинешь всем в треде по 500 рублей на пиво, потому что между 500 и 0 вообще отрицательная разница по такой логике, а ты у нас филантроп.
>>1558787Абсолютно неправильный подход к обучению.Учиться надо спирально, а не линейно.Базовая верстка, потом базовый жс.Продвинутая верстка, потом продвинутый жс.Сложная верстка, жс фреймворки.итдНе нужно зацикливаться на какой-то теме и слишком долго ее учить - ты все равно забудешь потом больше половины. Делай упор на спиральном подходе и практике, притом разнообразной практике.
>>1558918Ты таким макаром выйдешь на минимальный необходимый уровень для работы куда быстрее, чем если будешь скрупулёзно пытаться все учить линейно.
>>1558837>и с вебпаком поднимать все фронтенд окружение целиком(js, css, html)Где можно почитать внятное описание того, что это такое и зачем он нужен?Вот например я пишу свой маленький мувисёрч и в него добавил node module с normalize.css. Могу я просто взять это всё в одну папку и на гитхаб залить?
>>1559012Оно все гуглится или объяснялось не так давно в этом же треде.Главное - не пытайся сразу разобраться в вебпаке сам. Гугли webpack boilerplate %твой стек%. типо boilerplate webpack less typescript. Ищешь нормальный бойлерплейт - клонируешь его и работаешь. Об конфиг вебпака и как это работается, новичек, скорее всего, просто убьется и забьет. На реакт вообще есть create-react-app пакет в npm. На vue и angular искаропки есть бойлерплейты.
Аноны, базовый JS учил, честно, но я абсолютно не понимаю, почему я не могу взять 0 элемент массива (выдает ошибку Реакт, что не может взять 0 элемент undefined).Пикрелейтед 2 - что приходит в пропсах, если не указывать нужный элемент массива.
>>1559089PS я просто хочу передать сейчас один элемент массива и посмотреть на поведение, а в дальнейшем генерировать массив одинаковых компонентов из текущего массива.
>>1559089Синтаксис ок, где-то в коде ты проебался. Дебажь последовательно this.state, this.getCurrentPage(), this.state[this.getCurrentPage()] и т.д.
>>1559100Подозреваю, что проблема в том, что я передаю undefined пропс при первом рендере (до такого как получил ответ от API), затем происходит 2 рендер после setState и он уже передает объект. Таким образом при первом рендере я пытаюсь передать 0 элемент undefined , что выдает ошибку. Люди везде пишут, что запрос к API должен быть в componentDidMount(). Но а что если я буду делать запрос к API в componentWillMount() ? На сколько это грубая ошибка ?
А так нельзя? Если что я не тот анон.if (this && 'state' in this && 'getCurrentPage' in this && this.getCurrentPage() in this.state && 0 in this.state[this.getCurrentPage()]) { // do smth} else { console.err('Зрада, шось пошло не так');}Или в JS принято доверять данным и так никто не пишет? Просто привычка с Си почти каждое выражение заворачивать в if.
Есть тут вкатывальщики с нуля которые устроились? Хотелось бы узнать сколько вы учились и устраивает ли вас работа?
>>1557797>Её тут уже и новички обоссали и те кто решил повторить уже пройденноеНичто из этого не делает её плохой.>Аналогов чего, долбоеб?Рот с мылом помой, тебя никто не оскорблял, необязательно кукарекать.>углубится в него А ты её с You Don't Know JS не попутал? Или там с Thinking in JavaScript?>>1558243>классы легасиСудя по документации, совсем не так.>>1558389>Чистое ФП в JS может выглядеть кое-как как тутА зачем? Мне вот никто из ФП-дрочеров так и не смог ответить, что это дело проекту, как это положительно сказалось на метриках или скорости и тд.>>1558696>Какой простой фреймворк для вката? Самый простой - Vue, но писать на Реакте после него сложнее будет.
>>1559119Тут много кто есть, чужой опыт или отношение совершенно постороннего человека к своей работе тебе ничего не даст, совсем, null.
>>1559136ФП это заебись, пока не попробуешь - не поймешья раньше тоже был ООП макакой которая наследует классы
>>1559136Приветствую, анонче. Прочитал твой пост и тригернулся на Vue. Недавно начал изучать React и Vue, посмотрел видосик от Моша по реакту, очень понравилось, всё очень понятно и красиво. Ещё прочитал статью Thinking in React на сайте реакта. Тоже очень интересно и понятно.Это я к чему?Сегодня я начал смотреть топовые видео на ютубчике по Vue и тоже все говорят "он легче", "он легче". Но по сравнению с реактом мне он кажется просто каким-то спагетти, где ниче не понятно. Какой-то темплейт. Какой-то объект. Какие-то атрибуты в которые засовывают данные, засовывают методы, какие-то фильтры, всё это биндится какими-то особыми атрибутами к html как будто я блин на Smarty на PHP пришу в шбалонизаторе. И самое главное, что кажется открываешь видос для новичков, а тебе вообще ничего по сути не объясняют. А вместо объяснений: бац-бац вот сюда пишем темплейт, сюда биндим, хоба, видите, работает, круто.Это видосы по Vue говно? Это Мош крутой? Помоги разобраться.
>>1559111>Подозреваю, что проблема в том, что я передаю undefined пропс при первом рендере (до такого как получил ответ от API)Очевидно, что нужно обрабатывать как-то состояние загрузки. Спиннер там показывать или я не знаю.>Люди везде пишут, что запрос к API должен быть в componentDidMount(). Но а что если я буду делать запрос к API в componentWillMount() ? На сколько это грубая ошибка ?1. Этот метод депрекейдет2. Хуки круче3. Это тебе не поможет, потому что запрос все равно асинхронный
>>1559136>Судя по документации, совсем не так.Потому что они пока нужны в эдж-кейсах, например componentDidCatch. Но все идет к тому что от классов откажутся.>А зачем? Мне вот никто из ФП-дрочеров так и не смог ответить, что это дело проекту, как это положительно сказалось на метриках или скорости и тд.Меньше багов, больше переиспользования кода, следовательно меньше косты на разработку. Прямая экономия.другой анон
>>1559167>Очевидно, что нужно обрабатывать как-то состояние загрузки.Обработка ошибок тоже лишней не будет бтв.
Сап двощь, не нашел эйч ти эм ель тред поэтому пишу сюда.Почему такие ГИГАНТЫ веба вроде гугла, твича, реддита, двача, да любой блять сайт, не используют transition для своих hover эффектов? В чем суть данного решения?
>>1559209>Как функции каррируешь?ебаный ты долбаеб напиши хотя бы тудушку на реакте>монадыты тупой сука хуесос не понимающий что это и зачем
>>1559140А сейчас ты ФП макака, которая пишет 10 вызывающих друг друга функций и боится даже вслух произнести слово класс, хотя кроме классов в жсе нет более удобных способов хранить стейт?
Вот когда VSC выделяет похожие слова, что нажать чтобы можно было их копировать? В гугле чет не нашел
>>1559343Скорее всего он даже не ФП макака, а ЖС макака которая узнала про пару приемов ФП и от избытка чувств решившая отказаться от классов, думая, что в рантайме у него будет какая-то качественная разница и уродование кода будет того стоит.
Как-то писал арканоид на жс ради практики, но не знал, что он аж на такое способен: https://www.youtube.com/watch?v=zuN-5yxwogU
Находясь на своей странице в вк, могу ли я через js userscript загрузить документ через docs.getMessagesUploadServer?Я получаю url для загрузки и формирую свою форму с action полученным url, файловый input содержит документ, при отправки получаю error: no file, вместо json объекта содержащий файл
>>1552228 (OP)Вечер в хату, фронтаны. Если у кого есть опыт, подскажите, пожалуйста, нужна таблица для ангуляра (в идеале) с выделением ячеек аля эксель (когда рисуешь мышкой зону и выделяются ячейки попавшие в нее), смотрел готовые наборы, но они платные для коммерческого использования, а мне как раз для работы и нужно. Или как реализовать такой механизм, буду очень благодарен.
>>1559599пиздецПодходишь к начальнику говоришь. Заданный мне таск невозможно решить без проприетарной технологии - покупаете лицензию на библиотеку. Все
Angular - made by aliens for aliens.Как люди на этом пишут? Что они при этом чувствуют? Это же велосипед с квадратными колесами и без седушки.
>>1559616Но-но-но как же так-то? Что за программист, если первым делом не делает свой велосипед, а идет покупать? Зачем такой нужен-то, ведь тогда можно накупить компонентов, посадить менеджеров и заставить пусть они все сами делают, а программисты не нужны.
>>1559647Просто знание JS. Типо что ты не макака, которая умеет только писать на жиквери.>>1559653Они бы так и написали.
>>1559624Именно это и ищу, подскажи что это за либа или компонент, прям пожелаю тебе много счастья в новом году.
Почему лиса и хром по разному с куками работают? Случайно узнал об этом когда писал скрипты для двощей. В хроме всё ок, а лиса иногда ломает всё в куках. Теперь на двощах только с хрома сижу тк не понимаю что именно ломается.Где читать про разницу в работе с куками?
>>1559956Сначала нормально сформулируй, что ты под этой разницей подразумеваешь. У тебя то разница, то что-то ломается. Скорее проблема не в инструменте, а в пользователе.
>>1559976>Сначала нормально сформулируй, что ты под этой разницей подразумеваешьВ хроме работает, в лисе объект в локал сторейдже ломается при использовании скрита, который его даже не трогает.
>>1559979>Почему лиса и хром по разному с куками работают?>с куками >объект в локал сторейдже ломаетсяЯсно.
>>1559980Ну объясни, ну пожаолуйста.Моих знаний браузерного жаэса хватает только на написание хуйни. Все эти сторейджи и куки - слишком сложно. Была бы возможность, я бы по старинке всё говно в локальный джейсон сохранял.
>>1559987Если знаешь английский, могу посоветовать посмотреть одно из популярных видео на ютубе по этой теме. Например это:https://www.youtube.com/watch?v=GihQAC1I39Q
>>1559637>что думаете?this https://www.toptal.com/back-end/server-side-io-performance-node-php-java-go
>>1560314Лол, там в комментах автора обоссали за этот тест - он использует устаревшие версии ПХП, да и с Явой там не всё честно. И исходников не предоставил для перепроверки другими людьми.В общем, эксперимент не чистый и написал либо говнокодером, либо умышленно уводит в сторону.
В чем смысл этого вопроса, не догоняюvar kB = 1287;var tooBig = (kB > 1000);var urgent = true;var sendFile = (urgent == true || tooBig == false);Чему равно значение sendFile? ____________________
Не пинайте. Начал учить js, дошел до "операторов", инкременты, декременты и вот это все.Перед этим тупил над оператором "=", который возвращает значение в операнд. По типу:let operand_a = 2;let operand_b = 1 + operand_a;alert(operand_b); // будет 3, тк 1+2alert(operand_a); // ПОЧЕМУ ТОЖЕ ТРИ?Потом вроде как понял, что если внутри операнда задать какое то значение другому операнду, то после его проверки, значение будет новое. До сих пор сомневаюсь что понял.Но теперь я точно не понимаю, на пикрил сказано, что префиксный инкремент увеличивает операнд на 1, и возвращает его в операнд:let a = 1;let b = ++a;alert(b); // получается будет 2alert(a); // тоже будет 2?>Все операторы возвращают значение. Для некоторых это очевидно, например сложение + или умножение *. Но и оператор присваивания не является исключением.А это что значит, как + возвращает значение? и куда, я запутался, помогите.
>>1560585> возвращает в операндПросто нет, поищи что такое операнд> почему тоже триНе знаю, у меня 2> тоже будет 2?Да> как + возвращает значение?Берет и возвращает> и кудаТуда, где он был в выражении
>>1560585>А это что значит, как + возвращает значение? и куда, я запутался, помогите.Когда возвращают значение, это значит, что ты его можешь получить операндом = в переменную, как ты обычно это делаешь. А можешь и не получать и тогда он затеряется как слёзы в дожде.А вообще у тебя нездоровая тема какая-то с этими формулировками. Меня от этого казённого языка всегда воротило, особенно если его новичкам пихают - найди нормальную литературу, где живым языком написано, а формулировки сами потом запомнятся.
>>1560356Go всё равно быстрее пхп и джавы. Впрочем, джава не умрёт, jvm — мощный продукт. А пхп походу всё.
>>1560585>А это что значит, как + возвращает значение? и куда, я запутался, помогите.Это значит, что оператор + возвращает значение сложения. Операнд + операнд = сумма операндов. Куда оно вернёт уже от тебя зависит и от того, на чём ты пишешь. Например, если в консоли браузера написать 2 + 2, то результат вернётся в вывод консоли.
>>1560701>Go всё равно быстрее пхп и джавы.А ассемблер ещё быстрее. Скорость работы - не показатель вообще.>А пхп походу всёНу, версия 5.4 и правда всё, причём даже во времена теста уже всё и все кроме автора теста уже во всю пользовались 7. А скоро выкатят 8.Если вы будете вот таких вот пиздунов слушать с их псевдотестами и фанбойствовать, то до вас никогда не дойдёт, что рыночек растёт по всем направлениям.
>>1560654>поищи что такое операндПонял, ошибся с названием.Но тут не совсем очевидно.let valueA = 1;let valueB = ++a;console.log(valueA); // 2Почему 'valueA' становится 2? Ей указано быть равной = 1. Для 'valueB' задается значение которое будет равно значению valueA, но на единицу больше, это и происходит, но почему valueA тоже изменилось?
>>1560719>почему valueA тоже изменилосьПотому, что ++i сперва увеличивает i и только потом возвращает. Если нужно наоборот, то надо i++
>>1560725>что ++i сперва увеличивает i и только потом возвращаетЭто я понимаю, и это утверждение относится к проверке переменной 'valueB'.let valueA = 1;let valueB = ++valueA;В этом случае console.log(valueB) выдаст значение 2, а если инкремент сделать постфиксным>i++то console.log(valueB) выдаст 1.Однако, если инкремент префиксный, то само значение 'valueA' меняется с исходного "1" на "2", при том, что я запрашиваю лог valueA
>>1560725>пик1Здесь проверяется valueB, и оно будет 2, тк оно равно valueA+1.>пик2Здесь проверяется valueB, с постфиксным инкрементом, и как я понял, постфиксный i++ возвращает изначальное значение.>пик3Здесь проверяется valueA, почему значение изменилось? Ведь в первой строке оно задано как 1. Или лог выдает значение во второй строке? Каким образом '++valueA' перезаписало 'valueA=1'?
>>1560711>этот манямирокО, а вот и жява-приматы подъехали. Как там жвм, сколько десятков гигабайт жрёт?>у JSЛол, es4x это всё та же жвм-параша.Молодец, умеешь черрипикать ни о чём не говорящие бенчмарки.
>>1560734То есть, инкремент в записи "let valueB = ++valueA" перезаписывает изначально заданное "let valueA = 1"?
>>1560737>let valueB = ++valueAМожно развернуть как let valueB = valueA = valueA + valueAА вот это:>let valueB = valueA++Можно развернуть как:let valueB = valueA; valueA + valueA + valueA;
Как передать в родительский компонент объект из дочернего? У меня хук возвращает джейсон с сервера, который нужно прикинуть через родительский компонент и передать в другой дочерний.
>>1560761Но ведь только элементы могут быть пропсами, а у меня компонент возвращает джейсон, который нужно обработать в другом компоненте....извините я туповат
>>1552228 (OP)У меня есть задача. Нужно написать функцию, назовем ее "abu". Она должна принимать число в качестве первого аргумента (x) и произвольное количество одинаковых функций после (multiply). Первый аргумент (число) должен быть передан каждой функции в последовательности. Число, переданное следующей функции, является возвращенным результатом предыдущей функции.Пример: function multiply(x) { return x*2 }abu(3, multiply) //выводит 6abu(3, multiply, multiply) //выводит 12!Важно не использовать ES6 фичи, а ограничиться еботней с arguments!
>>1560770грубо говоря, компонент GetJSON делает return json, компонент App записывает результат вызова const TMP_JSON = getJSON() и происходит return <HandleJSON key={TMP_JSON}/>Но так ето не работет...
Опять я >>1560585Получается инкремент навсегда увеличивает изначальную переменную?a = 2;b = ++a;console.log(a);И теперь 'a' всегда будет равно 3?Я пока не знаю, должно быть так или нет, но как я это представляю: например переменная 'valueX = 2', я другой переменной задаю величину 'valueY = ++valueX', получается что 'Y' теперь равна "3". Параллельно с этим, величина задалась переменной 'X'? И значит, если я когда либо снова обращусь к переменной 'X', то я уже получу "3", вместо изначально заданных "2" ?
>>1560778Бля, я только сегодня начал дрочить реакт. Расскажи, пожалусто, как мне ретерн функции сделать пропсом
>>1560779Проп это то, что ты передаешь в компонент:<Yoba crugliy={prop}/>Любой компонент должен возвращать или элемент, или массив элементов, или ничего. Компонент не может возвращать json, такое могут делать хуки. HandleJSON твой тогда тоже должен быть компонентом.
>>1560788попробуй проп по-другому назвать. key и ref названия как бы зарезервированы для специальных штук
>>1560789Все равно не работает. Дело в том, что при вызове Object.keys(GetJSON()[0]) из родительского компонента я получаю undefined, но при аналогичном вызове в самом компоненте все работает. Плюс. если явно возвращать массив объектов в GetJSON. он тоже будет будет выдавать ошибку при вызове Object.keys(GetJSON[0])В то же время, этот массив объектов, явно указанный в родительском компоненте, работает корректно.
>>1560750> Как передать в родительский компонент объект из дочернего?Я тоже всего пару видосов назад вкатился в Реакт, но кажется понимаю твою проблему. Если нет, пусть аноны поправят.Как-то это подозрительно, что состояние у тебя хранится в родительском компоненте, а ДАННЫЕ для обновления этого состояния получает дочерний и передает в родительский. Типа есть форма и в ней кнопочка, получается что кнопочка получает новые данные с сервера и передает в форму, чтобы вся форма обновилась. Разве это ок? Кнопочка может быть должна только инициировать получение данных, но не получать их и передавать куда-то. Дочерний компонент должен породить (emit) событие, это событие должно обрабатываться методом обработчиком из родительского компонента.В этот метод обработчик и будет передаваться твой json.Этот метод обработчик передается в дочерний компонент из родительского через пропсы.Так твой объект попадет из дочернего в родительский.Я лох?
В чём хранить данные для ноды?Написал бота, храню всё в json. Какие подводные?Что удобнее использовать?Вариант с джейсоном не очень нравится постоянным вызовом функции чтения и записи файла.
>>1560851Ну храни на облаке, будешь запросом тянуть и отправлять файл. Вот только на сервере облака будет та же запись и чтение файла. И это не зависит от формата в котором ты данные хранишь.
Планирую запилить простенькую имиджборду короче функционал такой будет можно будет создавать треды, постить туда, картинки прикреплять и всё в принципе.Какие подводные камни?Буду использовать чистые html, js, node, и какую-нибудь простенькую дб my SQL подойдёт?мимо стремящийся
>>1561054Разве? Посмотрел жс двачей, там шесть тысяч строк кода. Это разве не много?мимопостигающийосновы
>>1561078Двач это говнокод из легаси кода и свистоперделок от абу.Ну и да, 6к несжатых строк это мало. Можно за неделю написать, если писать обдуманно и размерено.
>>1561078И что? Обязательно строку в строку писать что ли? Сколько лет двощу уже - столько и напилили. В новом проекте сходу такие объёмы городить никому не надо. Всегда можно дописывать в процессе, как на этом вашем двоще и делалось.
Друзья, с навыками адаптивной верстки, реакта на уровне мувисерчера, можно ли вкатиться на ждуна 800$? Или что еще надо?
>>1561081>Можно за неделю написатьНельзя, у тебя прямо книжный пример программистских самоуверенных оптимистичных эстимейтов, которые опаздывают на две недели и стоят заказчику дохуя денег. Аналогичный мочанерскому функционал писать минимум месяц-два и потом еще полировать сверху.
>>1561110А я о чём и говорю - не надо сразу 6 тысяч писать. Сперва какой-то минимальный функционал бы поднял, а потом уже накатывал тысячи строк.
>>1561107Потому что весь функционал не вписывается в 6к строк, дебилоид, на пике только один файл из 6к строк и его можно написать за 3 дня, а если учесть, что там говнокод, то эти 6к строк легко превратить в 3к строк.
>>1561032Если ты не про с уже готовым портфолио, то главное, что бы тебе было это не стыдно показать потенциальному заказчику как пример своей работы. Если от твоего портфолио будет нести маргинальной сетевой культурой - многих это может отпугнуть. Лучше коси под какие-то BBS или олдскульные форумы. Связка сервер + клиент будет очень хорошим портфолио.
>>1561103Не знаю, что у вас там в мувисерчере. В целом - в теории, наверно, можно. Хотя мне кажется, что сейчас у джуна скорее будет что-то в радиусе 600 со старта, а на 800 можно будет выйти минимум только через пол года.
>>1560851>В чём хранить данные для ноды?mongo, mysql, redis плюс редиса в эпической быстроте, мускул норм для всего, монга на мой взгляд хипстерская хрень для попила времени на галерах
>>1561278Смешной дурачок, который оценивает сложность логики по количеству строк кода. Чего там мелочиться, просто хуярь по клавиатуре, за 10 часов напишешь и свой браузер из пары миллионов строк.
>>1561469Спасибо, мне очень важно мнение вкатывальщика, который ничего в своей жизни, кроме практических заданий, не писал.
>>1561554Если он вкатывальщик, то ты вообще кода не нюхал, щенок. Ты ведь даже не знаешь что там в этом файле, а уже кидаешься оценивать сроки. Рил тупой какой-то
>>1561570Но ведь говорят, что на класс вешать жс убого, типо надо на айдишки, других решений нет в таких ситуациях и просто на класс?
>>1561576Конечно, я ведь на дваче ни разу не был, не знаю, что это за сайт и какой у него функционал.
>>1561590А нельзя в коде где создаются эти блоки задать им одну и ту же функцию обработчик события онКлик?
>>1561594Я не думаю что он имел ввиду это в прямом смысле. Думаю он имел ввиду что вешать хендлер на элементы найдя их по классу - не тру. Типа прошло время, кто-то решил добавить ещё что-то в фронт и вдруг у него начинает нажиматься, скажем, текст выделенный красным. И он такой сидит и ниче не понимает. А просто тот кто вносил изменения не знал, что тут вешается какой-то хендлер по классу и заюзал этот класс для текста выделенного красным.
>>1561596Я знаю только то, что лепить всё из дивов - признак хуевой верстки и нужно делать всё из соответствующих тэгов типа main, section, article, details и т. д. >>1561595Раз уж начал лепить всё из дивов и классов, то пусть добавит классу service__btn-know-more или что-то типа того.
>>1561599Я не отрицаю, что это хуевая верстка т.к это буквально первый лендинг, который я делаю самостоятельно, насмотревшись видосиков. Поэтому я и пытаюсь узнать, как правильно и что. Везде разная инфа, я даже не подозревал, что верстают не из дивов все, а из разных тегов.
>>1561604Я верстку знаю по курсам от хтмл академии, которые давно проходил и применение которой закончилось на учебных проектах. Это же JS тред, а не тред верстальщиков. Даже не знаю где ты такое устаревшее говно нашел, которое тебя на дивах всё делать учило. Еще и расположение наверно на каких-нибудь флоатах, лол.
Кстати, есть вопрос касательно дивянки и css-in-js (styled components или jss)Вот с нормальным css у меня были бы классы padded, primaryBackground, bottomMargin10, например, которые можно было применять по одиночке как надо. А как быть с css-in-js? Три компонента <Padded>, <PrimaryBackground>, <BottomMargin10>, каждый из которых будет возвращать просто <div> с одним классом - дивянка? Или один компонент <Container>, которому пропами можно указывать, какие классы давать <div>'у? Ну тогда с увеличением количества классов компонент будет расти, не начнет ли он жрать слишком много времени, проверяя все классы?
Аноны, я описывал проблему и мне уже давали один ответ, теперь я хочу уточнить правильно ли я понял. Суть проблемы : API делает запрос на 20 популярных фильмов и я хочу каждый фильм в дальнейшем передавать компоненте (то есть сколько фильмов столько и компонент). Тут пока проблемы нет. Небольшой спинофф. До этого я передавал сразу весь стейт 20 фильмов разово всей компоненте и все было ок, затем я решил начать передавать конкретный фильм (например 0 элемент массива) и он начал выдавать, что не может взять 0 элемент у undefined. Я понял, что он не может взять этот 0 массив, так как API не успевает отдать результат и он пытается взять 0 элемент у undefined (что рушит JS код). Анон сказал сделать спиннер (как я правильно понял - ожидание для пользователя, что еще грузится результат ) пикрелейтед 1 (Ждем пропсы) и все теперь работает. Вопрос в том делают ли так как я сделал и не противоречит ли это тому, что рендер должен быть чистым методом (без какой либо логики)?
>>1561619исходя из того что я знаю (как говорил мой товарищ, который пишет на реакте) они отказались от style components, потому что со временем сложнее замечать сами компоненты среди style components (их реально становится невероятно много в одном файле и это сложнее читать). Остановились на css module и БЭМ. По мне так любой метод приносит столько же боли, сколько преимуществ. Поэтому там где явно нужно через пропсы задать стиль, пожалуйста используй style components и самое главное незнакомый человек будет ожидать этого. А другое, пускай лежит в другом файле и не мозолит логику.
>>1561699>>1561406Типовая задача для новичков, которая использует API сторонних сайтов типа IMDB и позволяет искать фильмы по жанру, названию, либо выбрать рандомный фильм.
>>1561680Я сейчас так и делаю. У меня один компонент <GlobalStylesProvider>, к которому jss подключает все стили, который оборачивает все приложение в контекст, который спускает все стили. А в самих компонентах я использую хук useGStyles, который этот контекст потребляет. Но это же не по методичке css-in-js, которые советуют как раз делать отдельные стилизованные компоненты.>>1561693А в начале треда или где это было назад как раз все говорили, что БЭМ и css modules устарели, нахуй не нужны, только css-in-js, какие мы охуенные.
>>1561812Я в прошлом году под бой курантов тоже чёто писал. Нынче думаю - ну его нахуй, такой новый год. Уж лучше поаутирую в ТФ2 с посонами.
>>1561996>как на такое посмотрятС точки зрения реализации посмотрят. Хотя, конечно, лучше без порнухи. Вангую, что при прочих равных выберут того, у кого типовой серчер, без маргинальщины.
>>1561794Ты шо. Тут полный тред адептов ФП на жсе. Они все уже давно забыли что такое императивное программирование и пишут на чистом ФП, на ходу изобретая все недостающие в языке инструменты необходимые для ФП.
перекат https://2ch.hk/pr/res/1562152.htmlперекат https://2ch.hk/pr/res/1562152.htmlперекат https://2ch.hk/pr/res/1562152.htmlперекат https://2ch.hk/pr/res/1562152.htmlперекат https://2ch.hk/pr/res/1562152.html
>>1552342>Какими лишними компонентами? Всё в одном файле.Так себе достоинство. Обычно люди стараются файлы делать короче.Есть вообще примеры нормальных проектов (более 10K SLOC) на этом CSS-in-JS?
Привет! Я тот анон, что делал тестовый крад на реакте перед нг задание оказалось немного сложнее -- нужно было ещё и интегрировать бекенд, но я справился. Сдал его ещё на каникулах, вчера написала хр, мол, тестовое норм, завтра интвервью по скайпу. Сегодня мне позвонили, сначала спрашивали о семейном положении, когда я буду готов выйти и тд. Потом, другой человек задавал технические вопросы онли по реакту. И тут я, вероятно, проебался. Вопросов было штук 8-10, я совсем не ответил на два -- что такое редакс и на хуй он нужен все что я о нем знаю -- он как-то меняет поведение состояния, лол и о том, что такое контекст не сталкивался с ним делая тестовое и упустил из виду. Готовился я, к слову, по большей части к вопросам по ванильному жс.Закономерно мне сказали, что напишут на следующей неделе, сообщат зп и тд, лол.Ну, с первого раза, наверное, мало у кого получается, так что я хоть и расстроен, но не прям чтобы сильно. Ну и меня это очень сильно бустануло - после тестового я всего за 3 вечера написал простенький мувисерчер и тудушку. В общем, хочу поблагодарить анонов, которые помогали мне - вы крутые!
Сап, двач. Можешь посоветовать норм стеммер, а то весь гугл обошёл и нихера не нашёл. Тут либо я тупой, либо одно из двух
приветствую господасам я человек маленькийвот скачиваю с ютуба видео jsвот код https://pastebin.com/2m8S7tHCкак бы сделать, чтобы из плейлиста не все сразу качались? а то вот таки как отобразить, какое видео скачивается
