Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://jsfiddle.net
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката: https://developer.mozilla.org
Вы все тут неудачники.
КОДИРУЕМ /ПИШЕМ КОД / ДЕПЛОИМ / ДЕБАЖИМ / РЕФАКТОРИМ / СМУЗИХЛЕБИМ
https://www.youtube.com/watch?v=4Vx_5ShWvic
Есть что-то подобное?
Если БД будет сразу на двух слоях - тогда это нарушаеет ACID принципы. (про CAP-теорему можешь мне напоминать)
> связь
Вопрос о связи вообще не стоит. У меня несколько протоколов к тому же, начиная с удп, кончая квиком.
> Просто найди любую real-time БД и не выёбывайся.
Но я хочу выебываться! ну подумаешь ебанутый, что тут такова
Для реалтайма и всякого такого отдельный сервер написан частично написан, ебанутые не могут писать код и на клиенте пуре-жс-инмемори функции.
>>1936039
> это синхронизация
Не, синхронизация это чисто синхронизация локальной и серверной бд. В этом смысол. Хз может я туповато написал, похуй.
Это нужно чтобы проще было, чтобы меньше кода писать, легче объектами управлять, создавать инмемори слои, проще делать реактивность.
> Если БД будет сразу на двух слоях - тогда это нарушаеет ACID принципы. (про CAP-теорему можешь мне напоминать)
Читал только про ацид. Да, согласованность тут нарушается. Шо я тут подумал.
В каждом отдельном случае согласованность буду делать руками. Перед одними данными приоритет будет иметь клиент, перед другими данными сервер, в некоторых случаях будет дублирование, в некоторых случаях пользователь сам будет решать. Конечно будет нужна обработка потерянных данных. Не уверен что это возможно в коуч+поуч, но вероятнее всего это возможно и сделать можно.
Скорее всего, то что я описал, это классическая реализация различных нарушений согласованности и так делают фсе.
Кластерная согласованность это уже отдельная хуиточка и скорее всего её тоже как-то можно сделать руками и там безусловно будут потери.
Если ты совсем зеленый и без опыта, то не продешевил.
Зато после того, как набьешь шишке и поймешь, что к чему, сможешь релевантно оценивать свой ценник и уже примерно прикидывать сколько стоишь.
Если не тупой, и разработаешься, то через месяцок сможешь смело поднимать ценник в двое.
Храни товары в стейт-менеджере.
Контекст(как пример) позволяет лишь избежать проп-дриллинг, он не решает проблему нормализации и управления состоянием.
Отображать весь список товаров на странице - плохая практика.
Фильтруй товары/используй пагинацию/бесконечную прогрузку в таком случае.
>Отображать весь список товаров на странице - плохая практика.
Их очень мало, тут нечего фильтровать. Да и это не было бы проблемой. Сайт совсем небольшой, думал может быть без стейт менеджера можно было бы обойтись.
Сейчас попробовал заменить стандартный компонент Image у некста, и сука, блядь он начал обновлять список товаров вообще без каких-то заметных внешних изменений.
>В которые обернут провайдер или консьюмер?
Очевидно же, что провайдер.
>Если у меня контекст на самом верху, у меня вообще всё приложение ререндерится будет?
Да, именно поэтому не стоит пихать в глобальный контекст таймеры и вообще всё, что часто обновляется.
>А если пропсдриллить?
Та же проблема, только ещё и пропсы у всей цепочки компонентов засираются.
>>1936266
>>1936265
Да знаю я редакс, проблема была не в этом. Уже решил все переделать на редаксе. Просто не знал про такую проблему стейт менеджмента без стейт менеджеров. Нахуя тут тогда в треде говорили, что не нужно всегда использовать стейт менеджеры? Нашел кого слушать на дваче конечно, понимаю
Я тут просто недавно рассказывал о том, что мне в тестовом дали задание, сделать приложуху без стейт менеджеров, и я бомбил с того, что нахуя это вообще нужно, а меня тут в треде переубеждали.
Вот есть задача написать хуевину которая будет рендерить модальное окно с выбором способа оплаты, далее ввод данных, их подтверждение и непосредственно оплата на стороне сбера после ответа сервака. В общем сейчас написал один класс с хуевой тучей методов который все это делает. Сейчас хочу сделать рефакторинг, разбить по разным классам выполняющие весь функционал независимо в котексте объекта с данными. Правильно ли я пишу вообще? Вроде бы в голове есть понимание что и где нужно, но в наследовании не очень из-за чего довольно таки сложно передать результат одного метода в другой.
>Просто не знал про такую проблему стейт менеджмента без стейт менеджеров.
Это проблема существует и во флюксах, так как связана со скоупами, а не реактом.
>Я тут просто недавно рассказывал о том, что мне в тестовом дали задание, сделать приложуху без стейт менеджеров, и я бомбил с того, что нахуя это вообще нужно, а меня тут в треде переубеждали.
Так это проверяли, как состояние разбиваешь. Вангую, что на каждый пук экшон в редаксе делаешь и хранишь референсы вообще на всё.
>>1936285
Какие классы? Хуярь модульные функции и не выёбывайся.
Что хули, дегенерат? Ты перечитай цепочку постов. Началось всё с обсуждения того как уменьшить количество перерисовок. Кто-то пукнул о виртуализации, что вообще никак не уменьшает количество этих перерисовок, я об этом сказал. Теперь пришел ты, долбоеб который не знает что ререндеринг === перерисовка, насрал себе в штаны и начал уводить разговор на тему "И ШТО ШТО ЛИШНИЙ РАЗ ПИРИРИСОВЫВАИЦА!!?" Да ничего, мне вообще похуй, вопрос был 'как уменьшить количество перерисовок', вот в рамках этого вопроса и ведётся обсуждение.
>Для программирования на HTML https://jsfiddle.net
Всем меня устраивает, хоть и консоль там подключается через скрипт. Но есть ли какая-то возможность настроить подсветку синтаксиса? В идеале бы конечно прям панель, где показана текущая настройка - название и цвет, и чтобы я мог каждую поменять.
Или может есть какой-то оффлайн вариант этой программы, но чтобы принцип интерфейса сохранялся
Используй https://codesandbox.io, он может практически все и редактор там более продвинутый.
Думаю заменю фиддл на него на следующем перекате.
Готов слушать твои оправдания.
Есть:
const [state, setState] = useState([]);
Тип сетСтейт определяется автоматически, мне нужно указать тип state. Пробовал [state: type[], setState] - не сработало.
Ну не совсем.
Рендеринг это комплексная фаза, перед тем, как браузер что-то отрисовывает - он должен перед этим достаточно много чего вычислить. Так например этим useEffect и отличается от useLayoutEffect - useEffect выполняется до фактического рендера, а useLayoutEffect ждёт, пока в DOM всё перевычислится и только потом этот эффект выполняется.
мимо
с помощью JS? Как я понял JS не предполагает работу с данными на диске. БД локальная.
Типо да, задания легкие. Если бы я знал какую-нибудь реляционную БД, вместо монго, то я бы прямо сейчас к ним мог закатиться.
Но блять. Они уверены, что хотят с фронта писать прямо в БД, а не посылать данные на сервер, чтобы сервер уже сам там разбирался? Что это за шарага? Или я не прав?
Вкатун
Нашел почему поучДБ не хотел использовать.
Она весит 30кб. Это оче дохуя и очень много лишнего кода. Как стейт её не получится использовать, а я в том числе хотел заменить стейт и прокладку до индексдб, если возможно это был один из пунктов тз на 20 страниц, хуй найдешь
>>1935843
Подумал еще больше и понял следующее.
Вприцнипе нужен горячий сервер с суперфастбд, с архивацией всего в копоуч, это и так понятно было. Но!
Нихуя нипанятна до какого уровня можно покоуч использовать как замену реалтайма, можно ли кпоуч использовать для чатов, например. Или для стейта на клиенте. С одной стороны да, есть и уведомления и подписки, с другой стороны хз.
Хуле сложно-то так блядь, инфы и тестов почти нет, неужели таким вообще никто не занимается?
>как ты пишешь Реакт-компоненты по TDD
Скорее вопрос, в чем именно по-твоему заключается проблема с тестированием реакт-компонентов через TDD, когда все, что тебе нужно, это две либы:
https://github.com/jsdom/jsdom
https://github.com/testing-library/react-testing-library
>Может даже код покажешь?
Пик. И это тестирование целой страницы с роутингом и глобальным стейтом, отдельные компоненты тестировать в сто раз легче, просто рендеришь и тыкаешь куда надо эвентами.
>>1936993
Это только в этом итт треде, пока вы малолетние, можете переписывать что-то там. Ирл есть набор тестов и ТЗ для класса/функции, оно пилится до состояния "ну вроде работает" и забивается громадный хуй.
Никто это не переписывает и никто в код даже не заглядывает потом. Если это не библиотека, над которой трудится отдельный отдел/персонал.
В идеале достаточно научиться писать без протечек памяти и достаточно быстроработающий говнокод. Большее не требуется.
>>1937037
У тебя не тестирование, а хуйня какая-то.
Для нормальных тестов вместо params идёт отдельная либа, которая выдает все вариации логина-пароля, например. И проебанных данных. И кучу других вещей.
Нет, все сидят на графкл подписках или просто вебсокетах и данные кладут в стейт и персистят его если надо. Ни у кого модель стейта не совпдает с респонсами, так что не получится автомагически взять и синхронизироваться с 12 микросервисами.
Вот тебя зачем локально бд? У тебя интернета нет или дата-хэви апп?
>я пишу говнокод, а значит все пишут говнокод, по-другому нельзя, а кто говорит, что у него по-другому, тот выдумывает
Классика.
>отдельная либа, которая выдает все вариации логина-пароля
Какие вариации логина-пароля ты собрался тестировать на стандартной странице логина с одной формой, которая просто берет от юзера имейл/пароль и отправляет их на сервер? И главное зачем?
ИГОРЬ делаю. И хочу чтобы половина реалтайм говна, вроде чатов, была в бд и имела отдельный протокол свзяи. И чтобы как можно меньше либ было, не хочу поддерживать тысячи говна.
> Вот тебя зачем локально бд? У тебя интернета нет или дата-хэви апп?
Хранить стейт локально это хорошая практика. Загружаться будет быстрее, потом прост обновление.
> Классика.
Ну правда же, все пишут говнокод. Чтобы написать неговнокод, нужно подумать, а на это не всегда время есть, потому что задач дохуя.
> Какие вариации логина-пароля ты собрался тестировать на стандартной странице логина с одной формой, которая просто берет от юзера имейл/пароль и отправляет их на сервер?
Все вариации. В том числе отсутствие вариаций.
> И главное зачем?
Потому что это называется тестирование. То что у тебя на скрине - не тестирование, а хуйня.
>Чтобы написать неговнокод, нужно подумать, а на это не всегда время есть, потому что задач дохуя.
Что-то уровня "чтобы ходить, нужно встать на ноги, а на это не всегда есть время".
>Все вариации. В том числе отсутствие вариаций.
Все - какие? Перечисляй, а не в воду пукай. "Отсутствие вариаций" - это отправка двух пустых строк на сервер, и от отправки заполненных строк с точки зрения клиента этот случай не отличается никак.
Такая формулировка неверна, потому что любители типов ее воспринимают как "надо написать тесты, что не вычитаешь число из строки, а зачем мне это писать в тестах, если я могу указать тип в коде". Тесты не проверяют типы как таковые, они проверяют функциональность(логику) приложения. И если ты продемонстрировал, что твое приложение выполняет все требуемые от него функции без ошибок, то тебе не нужно еще дополнительно демонстрировать, что внутри где-то не затесалось вычитание числа из строки.
И как я и сказал, первый любитель типов, полностью мисинтерпритировавший концепцию тестирования уже тут как тут >>1937069
> Что-то уровня "чтобы ходить, нужно встать на ноги, а на это не всегда есть время".
Такова практика в фирмах. Иногда вместо тестов делают твой говнотест, например. Это нормально. Потому что всем похуй, в основном.
> Все - какие? Перечисляй, а не в воду пукай.
Что какие? Поехал что ли, ты хоть что-то про тесты знаешь? Отсутвие @, исключения всякие, малое кол-во символов, большое, тестирование роутеров и переадресаций, тестирование формы с разных страниц (если модальная).
Всё это должно быть в тестах.
> "Отсутствие вариаций" - это отправка двух пустых строк на сервер, и от отправки заполненных строк с точки зрения клиента этот случай не отличается никак.
А тут будет тестирование ответа сервера, это уже другое.
>Отсутвие @, исключения всякие, малое кол-во символов, большое, тестирование роутеров и переадресаций, тестирование формы с разных страниц
Смешались кони, люди... Зачем ты собрался пихать в интеграционный тест для страницы проверку низкоуровневой логики валидации или уж тем более навигации(которая является заботой соответствующей либы и самого браузера почти на 100%)? Там тестируется конкретная вещь - в приложении есть страница логина, и если на нее перейти и засабмитить форму, то отправятся данные на сервер, и в случае успешного ответа юзер будет залогинен и перенаправлен на главную страницу.
> ну это не тестирование обоссаное
> это просто особое, интеграционное, тестирование, которое проверяет ничего!
Ясно-ясно. Уволеннах.
>>1937133
Пикрелейтед.
Да похуй вообще, если ты пишешь тест и не проверяешь в нём на инвалид - это хуевый, бесполезный и бессмысленный тест.
Даже архитектура теста хуевая у тебя, типичный стиль говнокодера с зашитыми в код строками(притом ты сам что-то говорил про говнокод).
Почитай хотя бы парочку книжек как тесты делают, если сам допереть не можешь.
https://github.com/vercel/next.js/blob/canary/examples/with-zustand/pages/_app.js
Может кто объяснить, для чего делается эта обертка в NextJs для Zustand? Для чего там контекст используется? Это если что пример для ssr. Без него такие обертки не делаются. Просто я не пойму, что будет если я буду использовать Zustand, так, как будто бы у меня просто обычная спа на реакте?
Для начала давай выясним все-таки, что там по поводу твоего забытого кукарека, что интеграционный тест должен проверять валидацию имейла и переходы со всех страницы, а потом уже можно перейти ко второму кругу твоей шизы, где тебе придется объяснять, почему по неполному куску тест кейса ты додумал, что я не проверяю фейлы, и откуда ты собрался брать строки, если не из кода. Но сначала первое.
Антош влияет при приеме на работу скилл верстки? Стоит ли ее серьезно задрачивать?
> Юзай firebase, чо ты как етот.
Так это же АТГУГЛА. К тому же это какая-то закрытая штука, нахуй нужно пользоваться этим, может я хочу хотфикс для исходников сделать или форкнуть.
> И хуле вообще тебе вебсокеты не нравятся?
UDP/QUIC нужен прост, игра 120фпс. А все остальыне данные я по https гоняю, чаты, сообщения всякие, дату.
>сможешь релевантно оценивать свой ценник и уже примерно прикидывать сколько стоишь
Проигрываю с дебила.
Ты в универе учился? Экономическая часть дипломной работы была?
С чего долбоёбы взяли, что в фрилансе сотит выкатывать такой же ценник, какой обеспечивается при работе на кабанчика (которому кроме себя надо кормить ещё кучу ртов и башлять госудраству)?
В реальности, при работе на себя, ценник должен быть ниже и всё это прекрасно подсчитывается. Нахуй вы в универ штаны ходили просиживать? Или опять мантру заведёте - не профильный предмет, значит не нужон, лол.
Можно как-то сделать?
https://codesandbox.io/s/v-for-starts-from-index-k1yt8
>Возник вопрос - я правильно понимаю, что в других офисах также и если я хочу работать в тишине и не слушать посторонние разговоры в течение всего дня, мне только на удаленку имеет смысл идти?
Туда ли ты зашёл? В контексте треда разве что только в бэкэнд на ноде за тишиной можно.
Переписываю свою микро-СПАшку на тайпскрип.
У меня раньше было так:
Из локал стораджа парсится строка и записывается в стейт:
setState(JSON.parse(localStorage.getItem("helloworld)));
И все собственно. Все работает, все заебись.
Теперь там ебучий монстр-тайпгард:
const isZaloopaExist = (myDick: string | null): myDick is string => {
return (myDick as string) !== undefined;
}
После этой хуйни идет проверка тайпгардом:
let dicks = localStorage.getItem("helloworld);
if(isZaloopaExist(dicks)){
setState(JSON.parse(dicks));
}
Это нормально, что у меня 1 строка превратилась в 50? Или я наговнокодил?
Два чаю адеквату. Вместо хуйни для даунов в виде Angular, React, Vue, учи JQuery, он король фронтенда и долго им останется.
https://jsfiddle.net/a5eh2mbn/1/
Как надо сделать? Я нихуя не понимаю блять. Тайпгард же вернул тру, все действия внутри иф блока, там никак блять не может быть null, ну никак блять. Может все дело в том, что тайпгард передан как проп?
Ну допустим квик и удп на устройствах есть. В браузерах всяких, там где невозможен квик, будут вебсокеты нескучные, вебртц и другие варианты ебли с ачьком. Но всё это гей-мсервер, похуй на него, там даже кодить нельзя больше 50килобайт, проблемы нет вообще.
Проблема в сервере бд/стейта, нужно сократить кол-во технологий и говнокода путём взятия открытой альтернативы фиребазе. И как оказалось это ОЧЕНЬ сложно.
>А почему тайпгард-то не сработал?
Потому что ты его не правильно объявил, у меня всё работает. Даже в доки заглянул из-за тебя, там 1 в 1 пример есть (2 пикрил).
Да не, много всякого серверного на сишарпе делают. Конечно не сравнить с питоном или нодой. Но бывают довольно серьезные штуки.
В любом случае, смотри от того, чем лично ты хочешь заниматься вообще. На беке очень много технологий, даже на плюсах и чистом си пишут логику для нагруженных микросервисов.
https://learn.javascript.ru/ нужен? или хватит
>https://developer.mozilla.org
>https://developer.mozilla.org
>https://learn.javascript.ru/
https://262.ecma-international.org/6.0/ <- только это, нодискасс
>Вебпак, очевидно, работает с CJS, а ты ему ESM пихаешь.
Вебпук всего-лишь жрёт то, что ему кормит нода, а 14 версия поддерживает ESM из коробки, хотя и требует явного объявления через `package.json`/переменной.
По идее, если вебпак под капотом не делает лютый харкод на CJS, то можно в корневом `package.json` добавить `"type":"module"` и посмотреть на результат.
Подскажите по организации кода в React.
Цель - создать компонент, который выводит markdown разметку в виде html и стилизует её в css.
Я не знаю как правильней будет это сделать. Я скачал либу для парсинга markdown в html, но куда её подключать? В код самого компонента? Или передавать сверху, спуская в компонент уже готовый html? Я слышал, что компоненты должны быть независимы, но если подключить в сам компонент, то он по сути залочится на этой либе. Или это норма?
Чел, слишком объемно. Ты можешь изучать с++ и всю жизнь писать высокнагруженные БД. Или программные штучки-дрючки.
Сейчас вообще не факт что какой-нибудь компенлируемый язык, вроде нима, не будет доминировать даже в фронте.
Изучай всё постепенно, алгоритмы и архитектуры данных. Несколько языков, вклюая си, плюсы немного и js. Этого хватит. Наверное. Потом выберешь себе по душе.
>>1938033
Нода может работать с одними модулями, ну получится намешать esm, cjs и amd в кучу, как писал выше анон. Т.к. внутри кода вебпака все написано на реквайрах - придется писать конфиг на реквайрах или поставить type: "module" в package.json и заменить гору module.exports и require на export default и import в исходниках вебпака соответственно
>this.btnNames.reduce((acc, e, i) => i >= start && i <= end ? (acc.push([e, i]), acc) : acc,[])
Спасибо, конечно, но не работает.
Выводит: "Delete profiles", "Save profiles", "Load profiles" в качестве первых трёх кнопок, когда указываешь промежуток 0..2.
А в качестве следующих двух кнопок выводит: "Delete profiles", "Save profiles", когда указываешь промежуток 3...4. А должно вывести: "Upload bot profiles", "Upload top profiles".
И индексы кнопки после повторного вызова отдают не те: счётчик сбрасывается и отдаёт 0, 1, а должно отдавать индексы указанного промежутка (3, 4).
То, что я хотел бы получить вобще реально?
>Ты сам написал, что html собрался вставлять
Ты имбецил? Ты знаешь что такое markdown? Ты знаешь зачем он нужен и что делает парсер? Если не знаешь - зачем пишешь?
>Ну раз так, то передавай markdown в компонент и парси
Ой, а почему? А не будет XSS? А как же html?
>Ты знаешь что такое markdown?
Знаю. ЧТо мешает в md написать <script>alert("Пошел нахуй хуила ебаная")</script> и передать в твой говнокод?
>Ой, а почему? А не будет XSS? А как же html?
Тебе не обязательно иметь html при вставке элементов в реакте, дурачек. Если твоя либа возвращает Element или DocumentFragment, то ты можешь квериселектором пройтись и ремувнуть все скрипты и линки до вставки в DOM.
>>1938066
Делаешь реф на ту часть компонента, в которую тебе надо вставить свое говно, потом вставляешь через append или appendChild. Тяжело, правда?
>Знаю
>ЧТо мешает в md написать <script>alert("Пошел нахуй хуила ебаная")</script> и передать в твой говнокод?
Такого обосрамся я давно не видел. Прямо сразу, без разгона?
>Тебе не обязательно иметь html при вставке элементов в реакте, дурачек. Если твоя либа возвращает Element или DocumentFragment, то ты можешь квериселектором пройтись и ремувнуть все скрипты и линки до вставки в DOM.
И нахуя мне это делать? Ты вопрос то мой читал, ебень?
>дурачек
лол
>Цель - создать компонент, который выводит markdown разметку в виде html и стилизует её в css.
>Сначала ответь на вопрос, нахуя тебе тут реакт сдался? Это делается парой стрчоек в ванильном жс.
>Делаешь реф на ту часть компонента, в которую тебе надо вставить свое говно, потом вставляешь через append или appendChild. Тяжело, правда?
ты ведь просто рандомную хуйню несёшь признайся
Ну что такое пиздец блять.
Про то, как это сделать просто добавив мобильный стиль по клику я конечно знаю, но интересно было бы узнать про первый вариант.
gquery еще в моде?
Пишу простенький бекенд на ноде, делаю цепочку вызовов классов.
Аля - router ->, в роутере controller -> в контроллере service.
Получается следующая структурка :
Class Service {
publick method Boo(){}
}
Class Controller {
publick service: new Service()
method Foo1(){ some logic }
method Foo2(){ this.service.Boo }
}
Class Router {
router: Router,
controller : new Controller()
method Doo1 { this.router(this.controller.Foo1)}
method Doo2 { this.router(this.controller.Foo2.bind(this.controller)}
}
Вопрос в следующем.
Пока я работаю с Router.Doo1() -> Controller.Foo1(), все работает нормально. И мне кажется есть понимание, что вот мы инициализировали класс роутера, потом внутри него инициализировали класс контроллера, все супер, заебись.
Но как только я хочу вынести логику из контроллера в новый сервис, js теряет контекст инициализации классов, в упор не видит внутри контроллера казалось бы инициализированный класс сервиса, и мне надо ПРИБИТЬ руками ссанный контекст контроллера(прописать bind), чтобы все заработало: Router.Doo2(Controller.Foo2().bind(Controller))->Controller.Foo2()->Service.Boo()
Почему так происходит?
Есть какое-то смутное представление, что это из-за того, что в jsе
const a = new A();
const b = a.b;
b(); // now 'this' is lost, any reference to `this` in b() code would be undefined
Но что-то чувствую что не до конца понимаю.
Ну давай с кодом.
router.use('/api', new TestRouter().router);
class TestRouter {
router: Router; //express router
public Controller: Controller = new Controller();
constructor() {
this.router = Router()
this.routes();
}
routes(): void {
this.router.post('/test', this.Controller.makeScheme); (если вот тут не прибиндить .bind(this.Controller) нихуя не работает, контроллер будет с undefine сервисом
}
}
class Controller {
public Service: Service
constructor() {
this.Service = new Service();
}
public async makeSchema(req: Request, res: Response): Promise<void> {
this.Service.deleteF();
try {
// logic
res.send(shema);
});
} catch (err) {
res.status(500).json({success: false, error: err.message});
}
}
class Service {
public deleteF() {
//logic
}
}
Я искренне думал, что если вызываешь последовательно три класса друг в друге, то все у них будет заебись, и проблем с обращением к филду нет. С двумя-то РАБОТАЛО.
у меня такой вопрос что вы имете виду под сложными проектами 'это что то типа этого https://auroraos.ru
Делаю небольшой сайт, тут как раз есть такая проблема, но у меня нет еще никакого бека, так что я структуру данных формирую самостоятельно. Или нужно в любом случае все эти моменты обсуждать с бекендщиками и универсального решения нет?
Я бы все это обсудил с остальными членами команды, но я вкатун джун дегенерат, и боюсь опозориться такими вопросами, чтобы потом на меня пальцем не показывали и не орали всем отделом
С бэка приходят только конкретные данные, никаких разметок. Тонкости отображения это задача фронта. Для этого и изобрели SPA и веб компоненты. В твоём случае можно создать компонент, который принимает заголовок, подзаголовок, картинку, описание, а также свойства которые отвечают за расположение картинки относительно заголовка и описания и т. п. в зависимости от ситуации.
> Бывает ли так организовано отображение данных?
Да, но зачем? Можешь хоть jsx и компонеты с бека брать и в стейт пихать, компоненты типо динамически загружать. Некоторые так делают, хз зачем.
> Делаю небольшой сайт, тут как раз есть такая проблема,
Какая проблема? Проблема в том, чтобы определить компоненты заранее? Странная проблема.
https://jsfiddle.net/73e9wzmt/
Янихуянепонял Я понимаю примерно что надо делать, но на выходе Очко Ужаса. Мож есть таки примеры где-то про такую архитектуру уровнем повыше хеллоувордов-каунтеров, а?
реакт говно
вуй говно
светл говно
Или эти выяснения на митингах в какой цвет кнопочку покрасить с ебалом аля тут компилятор свой пишут.
Выкатился бы с радостью из этой поеботы нахуй, но перекат на другой стек и потеря зп - это пиздец.
Это всё пустые слова неосилятора, который если и знает об ангуляре, то старых версий и то только поверхностно. Ангуляр это идеальная синергия ООП и ФП парадигм, именно поэтому в нём активно используется rxjs в отличии от среакта с его бесконечными костылями в виде мобиксов, редуксов и изменений в виде хуков.
Опытные фронтендеры, а вы сами в состоянии такой слайдер запилить с нуля? То что я не могу это зашквар?
вкатун, 3 месяца изучения
>Это нормально
Для 3х месяцев нормально.
>а вы сами в состоянии такой слайдер запилить с нуля?
Да, могу запилить в качестве Ангуляр компонента, оформив всё виде красивого кода с использованием rxjs, который сводит задачу к тривиальной и требует от тебя написания нескольких строк кода.
Каждый хвалит свое болото. Объективно у каждого софта есть недостатки, ибо их пишут люди.
У реакта это масштабируемость и юзание кучи сторонних либ.
У ангуляра это;
1) Завязанность на паттернах в ущерб читаемости и простоте кода
2) Уебищная дока
3) Баги, недоделанные фичи
4) Уебищный механизм перфоманса.
5) Всратые формы
6) УЕБИЩНЫЙ ДЕБАГ. ПРОСТО ОБОСРАНЫЕ СТЕКТРЕЙСЫ.
7) И да, на ангуляре высирают говнокода наверное даже больше, чем на реакте.
За вью не ебу, это какая-то китайщина аля спиздил тут, спиздил там. Пользуйтесь.
>>1938771
Вкатыш, иди нахуй.
Бля, ты настолько смехотворный вкатун, что с тобой даже всерьез разговаривать не о чем. Видно же сразу, что не видел абстрактную фабрику, на 150 кейсов. Я уже молчу, что из твоих высеров сразу понятно, что ты никогда не смотрел в исходнике ангуляра и вообще не понимаешь что там происходит. Поэтому, дерни нахуй отсюда, клоун шизоидный.
Спасибо за утешение, думал я туповат для программирования.
>>1938782
Типо того. Закончил читать сейчас вторую часть Кантора, ту что про браузер. Вроде весь необходимый технический арсенал для выполнения задачи есть. Ивент листенеры поинтердовн/мув/ап, вычисление координат различных объектов, координаты ивент таргетов - все это знаю. Но как именно спрограммировать используя все это - не выходит понять.
Короче, не по сеньке шапка пока. Если не смогу по итогу, то не будут рассраиваться из-за этого.
>смехотворный вкатун
Я понимаю, что это такая защитная реакция тупоголового быдла - назови вкатуном первым, чтобы твои высеры обрели чуть больший вес. Но ты ведь должен понимать, что подобные высеры нелепо выглядят исходя от человека, который говорит, что паттерны ухудшают читаемость и простоту кода? Или ты совсем отбитый и диалог можно не продолжать? Или может кинешь хотя бы пруф в виде оффера и покажешь всем какой ты невкатун, а потом потребуешь того же от меня?
>Видно же сразу, что не видел абстрактную фабрику, на 150 кейсов.
> ты никогда не смотрел в исходнике ангуляра и вообще не понимаешь что там происходит
По всей видимости исходники ангуляра - единственные исходники крупного фреймворка которые ты смотрел. Заглянул, испугался, закрыл, а теперь всю жизнь будешь срать о том как там всё хуево. Так я тебе открою тайну, исходники ангуляра ничем не отличаются от исходников других фреймворков написанных с использованием грамотной архитектуры и статической типизации.
Это все вообще дизайнеры должны придумывать и подробно расписывать, а потом какой-нибудь ПМ и техлид должны максимально точно расписывать тасочки на всех. Тебя по сути вообще ебать не должно, какие там кнопки будут, это не твоя работа.
Я например как-то работал на галере, там даже мобилки не рисовали.
Крутой пацан это тот кто выбирает качественный, готовый код, при необходимости может дополнить его своим высокопроизводительным и хорошо читаемым кодом, а также предоставит готовый продукт в течении месяца и тем самым принесёт прибыль инвесторам.
Т. е., как всегда - побеждает золотая середина.
>Выходит, что введенный в ES6 синтаксис "классов" и правда фуфло?
Да не, норм сахарок. Визуально поля и методы обьявляются с одном скоупе, заместо ванильного пердолинга с конструкторами прототипов. Плюс тайпскрипт автоматом лепит к классу тип, так что его можно одновременно использовать и как фабрику и как интерфейс.
Ну такое конечно только прям совсем в нищих веб студиях, но мне иногда кидали какой-то криво высранный макет и я ебал себе и другим голову, чтобы сделать нормально.
Но вся боль в том, что это никто не ценит и всем похуй. Ты за это не бабла больше не получишь, не дополнительного почета. Поэтому, такая контора - говно.
>в крупных компаниях вёрстка и всё что связано с HTML делаются отдельными людьми
У крупных компаний есть еще одно лицо - огромное количество легаси кода, дизайн-макетов и верстки, написанного одним человеком на джава апплетах сука блятьвся логика крутитя вокруг ебучей джавы и запросы делаются через ActiveXObjectСамо собой, работает только в IE
Статьи на медиуме, статьи на indepth.dev, на indepth.dev есть серия статей про проверку изменений, как раз для продвинутого уровня. Отдельно почитай про rxjs, разберись со всеми операторами, попрактикуйся, потому что на собесах этому удиляют отдельное внимание и если ты будешь круто манипулировать функционалом этой библиотеки, то на неточности относительно знаний ангуляра закроют глаза.
Можете пояснить, что он имел в виду под этим?
Ты написал про уровень материалов, которые хочешь почитать, скотина тупорылая, я же говорю про твой собственный уровень.
>а ты мне советуешь rxjs подрочить
Проиграл. Ты думаешь, что знаешь его на продвинутом уровне? Сразу видно чмоху, которая кроме map и его разновидностей ничем не пользуется.
Вот просто блять заходишь почитать о чем-то новом для себя, при этом ты уже имеешь какое-то минимальное понимание вопроса, читает статью и просто охуеваешь какая ебаная чушь там написана, ебаный в рот, господи боже. И хуже всего, что эти пидорасы засрали все нахуй, абсолютно все. Просто нахуй по запросу в гугле такая чушь выпадает в поиске что просто охуеть. Найти нормальную статью в котором кратко что-то поясняется, обозревает новая фича и т.д. это просто как блять в деревенском толчке, в который со сталинских времен ходит срать вся деревня найти жемчужину. Просто блять пиздец. Зато когда находишь, просто физически срать хочется от радости.
Ору нах с шизиков. Всегда писал на жс чистые функции на 1к-3к строк. Сеймы?
>Всегда писал на жс чистые функции на 1к-3к строк
Хотя синтаксис понимаю, но когда много кода - сложновато все интерпритировать на той же скорости что и движок JS
Опытные скажите, вы такое на лету читаете или тоже сидите разглядываете что куда возвращается?
Рекурсия - антипаттерн даже в полноценных функциональных языках, а уж тем более в жсе.
Больше двух уровней вложенности обычно надо разбивать на несколько функций.
На твоем пике - говнокод, сейчас бы нахуй проверять количество принимаемых аргументов в динамическом языке с динамически определяемой function arity, и при этом двумя строчками выше писать ...handlers в этих же аргументах (!).
вы же не можете быть такими тупыми ботами
вы специально пишите хуйню чтобы меня раздразнить
хорошо, но вот на всякий случай статью по теме
https://vc.ru/hr/163533-sindrom-samozvanca-podrobnyy-razbor-nauchnye-issledovaniya-harakteristiki-testy-i-kak-s-nim-spravitsya
лучше не затягивай, дальше хуже бедет, депрессия, ркн и т.д.
Рекурсию любят как раз именно ньюфаги, которые ее видели только в этих числах фибоначчи.
>>1938962
Мелкобуквенный ньюфажный дурачок, научись словами говорить, а не линковать что тебе в голову случайно стукнуло. В жсе нет никакой разницы, передаешь ты 0-arity функции 0 аргументов или 120, и смысла делать шизоидную проверку на Function.length нет никакого и никогда.
> всегда получалась глина
Мне кста кажется что это сортоф шизофрения, когда выдумывается очередной паттерн и зачем-то его развивают.
Ради чего? Почему? Проверили хотя бы эмпирически, что это кому-то нужно и улучшает хоть что-то.
>>1938972
Как ты будешь код писать, если архитектуру не знаешь? Лол
>>1938981
Чистота функций обеспечивает читаемость. Всё однозначное и проверяемое с любого места в коде.
Аноны, насколько актуально для front end разраба знания верстки по макету, БЭМ методологии, SASS?
Как задолбало это IT, я ещё не вкатился, а уже перегорел
те кто победили в голодных играх
те которые еще играют, тут - https://2ch.hk/wrk/res/2216769.html
БЭМ - это такой же отвратный высер яндекса, как и сам яндекс, яндекс-браузер, яндекс-почта и прочие. Полностью заменяется нормальной системой модулей, то есть тем же SASS'ом. Он был бы более-менее актуален в 2009 (если бы о нем тогда кто-то знал, кроме самого хуяндекса), но в 2021 эту парашу использовать - это быть отбитым на голову.
>На реакте прекрасно пишется всё то же, что и на ангуляре
Тоже самое можно сказать и про чистый JS, и про JQuery.
>либа написана на JS
>Поддержка тс отличная
Найс маняфантазии.
>комьюнити крупное с всевозможными решениями и инструментами.
Это комьюнити не успевает танцевать под дудку смузихлебов из фейсбука. В то время как в ангуляре есть всё из коробки.
У меня наоборот. Пишу и кажется что говно. Смотрю чужой код и кажется ещё большим говном. Переделываю по сто раз и кажется говном. Сложно что-то закончить из-за этого. А спустя несколько месяцев возвращаюсь править старый и забытый проект и думаю - бля какой же я молодец, неужели я так удобно и понятно сделал, ебать годнота
> Тоже самое можно сказать и про чистый JS, и про JQuery.
Только в редких случаях. Из адекватных компаний почти никто так не делает и берут реакт/вью/ангуляр.
> Найс маняфантазии.
Это у тебя видимо маняфантазии по поводу того, что в реакте плохая поддержка ТС. Создатели ТСа даже сами добавили поддержку JSX прямо в ТС
> Это комьюнити не успевает танцевать под дудку смузихлебов из фейсбука. В то время как в ангуляре есть всё из коробки.
Хуле там успевать, в реакте медленно выкатыают обновления. Так что все успевают.
У меня в дочернем компоненте есть отправка формы и кнопка для неё. Но я не знаю как можно эту кнопку вынести из формика, да еще и наверх её поднять, чтобы она нажималась из родительского компонента. Отправка и форма находятся в разных блоках. Переделывать вертску и перемещать эту кнопку в другой блок просто ебнешься нахуй. А как тригернуть одну кнопку в child кнопкой из parent я не знаю
>Значит твоя поддержка это костыли вида x = (x:any):any => {}
Нет, не значит.
Какакая вообще годнота есть из маленьких, но гордых, фреймворков?
>>1939161
Все так дружище, вот только реализовал. Пиздец, тому челу с ютуба, который показал эту хуйню нужно нобелевку дать. Я просто в ахуе с того, как этот банальнейший паттерн не объясняют с ходу, вот как только ты в реакт погрузился. Еб вашу мать, я часа 3 проебался с этим. Не грех и наебениться
Просто с опытом на ходу читаешь, как книжку.
>>1938959
Рекурсия пригодна в очень небольших случаях. Те, кто ебашит рекурсии не по делу - конченые уебаны, таких нельзя брать на работу.
>>1938964
Ну, зато time complexity от рекурсивного решения увеличивается в разы. Любую рекурсию можно переписать на итеративное решение. Если у тебя будет много данных, то ты заморочишься либо над кешированием рекурсии, либо над написанием в итеративном стиле. Что то, что это будет одинаково всратой задачей. И когда рекурсивную функцию надо будет модифицировать определенным способом, ты жидко пукнешь и пойдешь ее переписывать.
> Юзай firebase, чо ты как етот.
Всё, юзаю фаербазе. Остальные просто ПИЗДЕЦ какие сложные и нужно ПИЗДЕЦ как много кода. Просто охуел с того, сколько нужно кода.
Легче потом нанять крутых чувачков, под написание своих крутых фиребази, чем самому ебаться с этим.
Объясните, что за магия? Стейт менеджер работающий в 7 строк без бойлерплейта? В чем подвох? Почему его не использует вся вселенная?
Пчел, ето же обёртка над useReducer
Бтв выглядит вполне удобно и читаемо. Уж точно получше всяких effector
В том, что даже с redux-toolkit приходится писать больше, чем с обычным mobx
мимо
Так это обычный бойлерплейт код, установи себе автокомплиты и пиши его за пару секунд. В чем претензия, опять же? Из-за того, что чел написал пару оберток и сократил бойлерплейт на пару строчек для каких-либо действий, ты предлагаешь переписать миллион проектов под него?
Такая всратая хуйня только в башке вебмакак бывает, поэтому нормальные люди бегут от веба как от бубонной чумы.
> ты предлагаешь переписать миллион проектов под него?
Ничего такого я не предлагал. Я вообще мысль доносил о том, что делайте выводы, чтобы было удобно писать в будущем и не стрелять себе в ногу
Хмм. Хуй знает. Выглядит прилично вроде.
Какие вообще мнения об этом, использовал в проде, читал? Отличия от фиребазы кроме лицухи?
Мне всё кажется лучший план браузерной игры будет firebase на js клиентах для 95% данных. И сервера игровые подниматься будут тоже набирая инфы с фаербазы. После того как приносить будет прибыль минимально - начать ебаться с нормальной бд и нормальными p2p трафоном вместо цдн/огнебазы.
Пчел, вопрос не по теме, но что ты делаешь в геймдеве? Я имею ввиду как вы именно там игры делаете? Вся визуализация на жабаскрипте или есть какой то готовый движок, на котором вы все пишете? Какие вы технологии используете, что у вас там популярно? Используете web assembly? Потому что для меня это тёмный лес
> Я имею ввиду как вы именно там игры делаете?
Оооочень хуево их делают. Никаких ангуляров и редаксов никто не использует, фреймворков почти нет в проде.
> Вся визуализация на жабаскрипте или есть какой то готовый движок, на котором вы все пишете? Какие вы технологии используете, что у вас там популярно?
Phaser и pixijs из того что я писал и в чем работал, а я пишу тридеговнину на threejs как свой проект.
Самый популярный - ванила. На нём написано большинство. Всё остальное, что в топе, то и популярно. Да и движков и не так много, на самом-то деле, фазер и пикси в топе.
Офк немного ебли с шейдерами и математикой есть. Архитектурные проблемы, логические часы и прочее - норма жизни и основное мозгоёбство.
Для серверов используют как ноду/дено, так и плюсы как логику.
> Используете web assembly?
Внезапно js по перформансу теперь как васм, а васм абсолютно бессмысленная хуйня, хз зачем это делают в 2к21 году, если не осилили перформенс.
> Потому что для меня это тёмный лес
Да я сам недавно залетел и особо нихуя не знаю, только логику пишу и делаю серверные ништяки. Пытаюсь сделать своё дерьмо, но ебать я охуел с полного отсутствия толковых технологий.
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
ПЕРЕКАТ >>1939294 (OP)
Хз, я тупой пиздец. Самое хардовое для меня - выбор технологий. Ведь я хочу потом, с помощью выбранных технологий, выкатить фреймворк и полный набор инстурментария для анонов, чтобы вкатиться с js разработки в игры было минут 15, и лицензию интерпрайс на 90 процентов прибыли в фонд борьбы с старением
