Вы видите копию треда, сохраненную 23 марта 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Больше пары строк кода в посте или на скриншоте ведут в Ад.
Для программирования на HTML https://jsfiddle.net/
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: что я хочу получить, что я для этого делаю, что я вместо этого получаю. Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката:
https://github.com/JS-Liberty/guide
Привет, анон. У меня вопрос связан с организацией кода.
Я часто слышу, что компоненты в React должны быть независимы. Но насколько они должны быть независимы в бест-практис? В масштабе проекта или чтобы их можно было в другой проект перенести?
У меня есть например scss модули внутри компонентов, некоторые из них подключают глобальные scss файлы с шрифтами, цветами, размерами и прочим. Но ведь такие компоненты перестают быть независимыми. Если их перенести в другой проект, то они просто поломаются либо их нужно будет перенастраивать.
В общем объясните как надо, аноны.
Если хочешь расшарить код между проектами - пиши либу или делай монорепо
У меня такие же вопросы сейчас возникают при обучении, что на этот счет можно изучить/почитать? А то в уроках показывают разные варианты верстки обычным css, верстка на реакте, но при этом ведь очевидно что тебе нужно продумывать определенную архитектуру того, как это будет работать и взаимодействовать с беком. Если ты не страницу-картинку делаешь, которая вообще без логики и просто одним файлом может быть написана без всяких фреймворков. Или я просто ньюфаг, и это все делают помидоры, и тебе нужно работать уже с более-менее обозначенной структурой?
>что на этот счет можно изучить/почитать
Зависит от того что ты конкретно хочешь знать. Нет такой книжки, в которой будут написаны ответы на все твои вопросы.
Ну и вёрстка с беком никак не взаимодействует, если что. Для этого есть axios с Redux Thunk/Saga.
>Ну и вёрстка с беком никак не взаимодействует, если что
Вёрстка-то не взаимодействует, но вот мне дали тестовое, где нужно на реакте сделать небольшую страничку интернет магазина с разными статусами наличия товара, и еще парочкой фич, типа оформления корзины. Никакой конкретики нет. И суть в том, что я на фронте могу придумать себе условные данные которые буду принимать для того, чтобы обновлять содержимое страницы, а потом отправлять что-то на сервер, но кто такую логику взаимодействия вообще должен придумать? Или такое бывает только в тестовом задании, а в реальной работе это все нужно будет придумывать совместно с бекендером ну и вообще вряд ли как-то такая логика может быть вырвана из контекста?
Как лучше всего сделать, чтобы при нажатии на ссылку(?) "зарегистрироваться" вспывала форма регистрации? Можно, конечно, сделать ссылку на новую страницу, но это же медленно?
Если вся структура фронта лежит на тебе, то ты её и должен продумывать. Плевать что там приходит с бекенда. По хорошему ты с этими данными вообще не должен взаимодействовать. Твои компоненты не должны знать что там бекендер у себя написал. Работа с API должна быть отделена от самого приложения.
Активно юзай stateless компоненты и используют Redux.
Если надо чтобы прям всплывала, то проще всего переключать кнопкой стили opacity, transform и pointer-events у формы регистрации. Как лучше — вопрос слишком пространный.
Спасибо.
А чистый JS это вообще что по-твоему? Очевидно, что ему нужна какая-то среда исполнения. В данном случае нода, да.
получается я сам отвечаю на свои вопросы да ?
>вручную
Зачем вручную? Получаешь фуллсайз пикчи с помощью XHR в виде блобов, блобы конвертишь в нужный байтоебский формат для скармливания одной из десятков js-зип-либ, можно даже ебануть в тарболл - там вычислений всяких контрольных сумм меньше и хэдеры проще и качаешь на комп - и все это нажатием одной кнопки, проблема может быть только если пикчи в треде суммарно весят гигабайты - тогда на старой машине с два ядра четыре гига браузер запердит свопом или вкладка уйдет в закат, но и это решается, например в хромом до сих пор не вырезали файл систем апи, т.к. сами его используют для
ютуба, кек, можно написать байтоебский врапер над индекседДБ апи, чтобы конструировать архив не в оперативке, а на харде, но для нуба задающего такие вопросы это слишком сложна будет - да. Сто лет назад писал такое для соцсетей всяких. Подозреваю что с нодой наверное проще все будет - но ноду я не петрю.
Будет работать только если вызывать скрипты из вкладки с двачем, иначе cors завопит.
Куда проще запилить скрипт на ноде, который сделает все то же самое без ебли с ограничениями браузера и через прямой доступ к API.
ES6.
CDN одним файлом.
Two-way биндинг из коробки.
Идеалом для меня является старый Ангуляр, но его доедает дед.
1) https://windows.php.net/download#php-7.4 скачал распаковал
2) parser.php создал (несколько строчек внутри)
3) php.exe -S 127.0.0.1:9002 parser.php
2 минуты и уже дрочиш.
Работа фронтеда заключается в том, чтобы сверстать, подключить или ещё и сделать дизайн?
Или дизайн делает UX/UI дизайнер, а фронт верстает, подключает js?
зачем он сейчас нужен?
1. https://nodejs.org/dist/v12.18.3/node-v12.18.3-win-x64.zip скачал и распаковал, там один
2. parser.js написал, внутри несколько строчек
3. node parser.js
1.5 минуты и сидишь дрочишь.
Разбираться в Редаксе != фигачить однотипный Редакс-код по бойлерплейтам. Если бы разбирался, то понимал бы основные типы данных вроде массивов и что такое редьюсер (у которого нет стейта лол - это чистая функция). Редакс стор с экшенами - это по сути БД которая существует в рантайме приложения.
На плюсах не работал. Просто лабы в универе делал. На Шарпе делал винприложение (калькулятор графов) и игру на Юнити (бизнес-логику включая структуры данных для уровней и пр., делал с нуля). На Жабе писал пару консольных приложулек (игру "угадай число" и генератор слов для конланга).
> Или просто понял что не твоё и решил на ЖС перейти?
Просто с ЖС найти работу с просранными полимерами проще чем на Жабе, Шарпе и тем более Плюсах. Проще чем с ЖС только с пхп, но это какое-то дно уже обычно (да и обилие говнокода пугает на нем) в итоге на первой работе в одном проекте все же имел дело с пыхоговнокодом от лида веб-дева с хаками из 00х. Сам ЖС мне нравится. Но на текущем фронте много тупой работы. Самое сложное что может быть - это взять данные с апишки, посчитать по готовым формулам, отформатировать, показать их на экране. Ну или отправить данные на контракт, провалидировать формочку. Бесит из технических моментов lack of configuration ability в некоторых сторонних либах (вроде React Slick). Из нетехнических - пиксельдрочество в верстке и иногда желание дезингера или ночальника РАДИКАЛЬНО перехерачить ифрейм-виджеты. Из-за этого иногда приходится городить хаки, ломающие структуру программы которые я сам же ненавижу.
>>1783431 →
> Значит ты вкатился в программирование намного раньше 21.
Да. Первыми ЯПами вообще были Паскаль и Питон (о первом узнал из передачи на СГУ-ТВ в 14 лет). Второй до сих пор использую, но только как скриптовый язык для рассчетов, кодогенерации, вызова системных процедур.
> Это ты в жс вкатился в 21, уже с опытом.
Первый боевой опыт у меня был как раз на ЖС.
Да и вкатиться то вкатился. Но плотно заниматься программированием начал только с 2к18 года из-за хронической депрессии одно время просирал свое время на игори и аниму, сейчас фикшу это с помощью гзт.
Задание что-то вроде пикрила, суть в том, что есть несколько карточек с продуктом, сами карточки, их получение с сервера, размножение через циклы я вроде бы сделал. А вот с версткой какой-то пиздец:
Разумеется самый простой вариант, сделать просто обычную картинку целиком на весь блок, тем более что внутри в любом случае есть картинка, да еще и с прозрачностью, но вот цвета рамок у всех разные, и даже если сделать картинкой только рамку это вроде бы не совсем правильно.
Карточке срезана сверху слева, так что приходится судя по всему применять здесь clip-path, но у неё же есть еще и рамка, которая тоже срезается после клипа, на второй картинке.
Вторая проблема это рамка сама по себе, по какой-то причине она не накладывается на картинку сверху, несмотря на то, что применена к родительскому элементу, а оказывается позади как на второй картинке. zIndex не работает, применил все способы устранения нерабочего зетиндекса, что нашел, ни один не решает проблему, объект как будто просто рендерится позже, и как его перерендеривать пораньше я не знаю.
Еще думал попробовать вариант с ненастоящей рамкой, просто сделать svg клип, и потом сзади добавить еще одну svg закрашенную, чтобы имитировать рамку.
Собственно вопрос, как бы сделали вы? Не обязательно прошу готового решения, но хотя бы алгоритм действий которые бы вы предприняли.
говноКод компонента на данный момент такой
https://codeshare.io/G7o7jD
И да. Не стоит сравнивать очередной хелловорлд с примерами из реальных проектов. Если чел не знает основ вроде строк, чисел, массивов, объектов, то его вряд ли даже джуном возьмут.
Салама-шаланоре, джентельмены. Кое-как напилил учебный микропроект и встал вопрос демонстрации его работодателям. Достаточно ли прямо залить проект на гитхаб с инструкцией для локальной развертки? Или правильнее будет все же напрячься с продакшн модом и сборками (вебпак, хуе-мое, пока не смыслю ничего в этом)?
Берешь картинку товара, обрезаешь ее как нужно, скругляешь углы. Сверху накладываешь через position: absolute рамку. Сделай ее в svg и раскрашивай как тебе нравится.
Алсо, у img должна быть высота, ширина и, желательно, display: block. Или вставляй картинки через фон.
Ты охуел что ли? Вот дел у меня других нет, разворачивать твой проект. Иди делай живую демку на gh-pages.
работодатель
залей на гитхаб пейджес или нетлифай. опционально можешь купить красивый доменчик и привязать свою залупу к нему
react макака
В левый угол треугольник клип-патчем и абсолютом косую линию.
Все остальное - это обычный бордер радиус.
1) https://golang.org/dl/ скачал и распаковал, там один
2) parser.go написал, внутри несколько строчек
3) go parser.go
5 минут и сидишь дрочешь
1) https://golang.org/dl/ скачал и распаковал, там один
2) parser.go написал, внутри несколько строчек
3) go parser.go
30 секунд и сидишь дрочешь
Загружаю скрипт в хтмле:
<scirpt src="js/class/Block.js"></scirpt>
и он не загружается (в панели разработчика в sources ничерта нет), но когда перемещаю файл в директорию "js/Block.js", и меняю ссылку в src на соответствующую, то все работает.
Пробовал менять имя папки на случайное - все равно не работает
Пробовал добавить левый скрипт в папку /classes - все отлично работает
В чем может быть проблема?
В папке находится только класс, который хочу использовать в другом скрипте.
Оговорился чуть чуть, когда левый скрипт добавлял в /classes - работал именно левый скрипт, Block.js все так же не прогружался
сделай обычный боред без клип-пас. И добавь через афтер или бефор див который будет перекрывать угол левый собой
Соснул, придурок?
>внутри несколько строчек
Да щас, блядь. Кого ты пытаешься наебать. Писать парсеры на го в несколько строчек, ага, да.
У нетфликса сериал скоро выйдет.
480x480, 0:06
И нахуя ты высер в /b сделал?
В основном говорят про быструю сортировку, но в каком виде она там реализована?
Стоит ли на собесах сортировать массивы с помощью неё?
>Стоит ли на собесах сортировать массивы с помощью неё?
да
на собесах всем похуй как под капотом работает js (99.99% собеседущих не знают сами), не похуй как под капотом работает та или иная либа/фреймворк.
НО! Важно знать как под капотом работает event loop, это прям популярно в последние 2 года спрашивать
const arr = [1,2,[3,4, [5,6, [7, [8, 9, 10]]]]]
Что лучше arr+''(пустая строка) или arr.toString()? Join конкретно здесь не нужен. Цель - получить самым быстрым способом строковое представление всех элементов (1,2,3,4,5,6,7,8,9,10)
2)
Я даже не знаю как верно сформулировать вопрос, но попытаюсь. Когда какая-то функция или действие отрабатывает долго, то контекст идет дальше как бы не дожидаясь (из-за асинхронности), то как интерпретатор понимает что нужно "идти дальше". То есть если функция выполняется более там 5мс, он идет дальше или как?
Зачем мне нужно преобразовывать объект в строку? Получится ведь [object Object], а если в число то NaN.
вот только я сижу на мозилле, где эти псевдоэлементы работать вроде не должны, а скроллбар стилизованный
Семантически лучше. Нужна строка - тустринг. Но еще лучше флат и джоин.
Если не асинхронно, то дальше не идет.
А мне только ::webkit псевдоэлементы выдавал, спасибо.
Спасибо, добра.
После последнего шага с пик-1, вместо прекращения, отправляется в пик-2.
>>795367
Вроде бы разобрался с тем как поместить svg в нужное место, но вот проблема:
У меня svg в виде файла, его нужно вставить в страницу, а потом вертеть его стилизацию.
Каким образом это сделать? В телеге ответили, что если у меня svg вставлен через импорт, то его стилизовать вообще нельзя. Этот свг должен в виде кода у меня присутствовать? Каким образом такие штуки делаются вообще, мне эта рамка нужна именно как вектор, чтобы можно было и толщину кастомную сделать, и цвет поменять.
Или имелось ввиду, что нужные рамки с заданной толщиной нужно раскрасить и каждый файл отдельно подгружать ввиду их маленького веса?
Да там лютый всратый пиздец получается если вот такую рамку просто в svg выгрузить, либо я что-то неправильно делаю
https://codeshare.io/5OwwR0
Это ни в какое сравнение не идет с ровностью border-radius, что за ебанутый всратый формат этот svg, что его нормально браузер отобразить не может? Или у меня сам файл неправильно как-то создан? Я тупо вектор из гимпа выгрузил в svg, когда начинаю увеличивать толщину, такое ощущение что места скруглений там это просто набор пикселей в определенном месте (видимо так и есть)
Сука ебанная мразь, похоже это gimp так люто всирает при экспорте svg, сейчас ребутнулся в AI, он выдал мне просто идеальнейший вектор, всё как надо
Рисуй в фигме, она как раз для этого
Нет. Получится то, что ты запрограммируешь.
Например приведение объекта Date к числу - вернет timestamp, а к строке timestring
Спасибо, огонь, буду знать
На работе один жс, верстку вообще не знаю, иногда из за этого стрессую
это же фан бокс? Они вроде никого не берут, обратную связь по тестовым тоже не дают
Используй фигму. Векторы всегда конверуй в заливку. Через css все прекрасно меняется, если убрать дефолтный fill.
Тут не видосы, но исчерпывающе описано React API с примерами использования: https://reactjs.org/
>Стоит ли на собесах сортировать массивы с помощью неё?
Да если не попросят написать алгоритм сортировки.
>но в каком виде она там реализована?
Мб в виде гибрида сортировки слиянием и вставками (на небольших массивах).
Актуальные на английском в ютубе, лайвкоддинга навалом
>Когда какая-то функция или действие отрабатывает долго, то контекст идет дальше как бы не дожидаясь (из-за асинхронности), то как интерпретатор понимает что нужно "идти дальше". То есть если функция выполняется более там 5мс, он идет дальше или как?
Когда какая-то функция выполняется, движок ЖС тупо не может зарегистрировать изменения на портах ввода и запустить функцию из очереди тасков (microtask или macrotask queue). Поэтому, когда интерпретируется очень большой по объему или ресурсоемкий код в браузере (например, из-за слишком глубокой рекурсии), вкладка с веб-аппом виснет. По этой же причине, обработчики таймаута и интервала не срабатывают точно через N мс. По той же причине у них есть минимальное ограничение на задержку в 4 мс. Клик мыши, ввод с клавиатуры, таймаут и др. события чекаются, когда стек выполнения пустой. По ним в очередь тасков добавляются указатели на функции (обработчики событий, колбэки). А запускаются (пушатся в стек выполнения) они когда и стек и очередь микротасков (куда добавляются указатели на функции отрабатывающие по промисам и пр.) пустые. А таски из очередь микрозадач запускаются (пушатся в стек) когда стек выполнения пустой.
Есть спецификация, которая описывает, что должно произойти, ты же спрашиваешь, «как» должно произойти. А на вопрос «как» отвечает конкретный движок.
Гуглишь движок, ищешь как там это реализовано понимаешь, что тебе это нахуй не сдалось
Например для v8 https://v8.dev/blog/array-sort
>движок ЖС тупо не может зарегистрировать изменения на портах ввода
хорошо что он их и не регистрирует
В общем рантайм флоу такой: проверить буфферы ввода (с клавиатуры мыши и пр. девайсов) и текущее время и запушить в очередь макрозадач колбэки если буфер не пустой или текущее время больше чем зарегистрированное по таймауту время -> если очередь микрозадач не пустая то запустить первую микрозадачу (запушить фрейм активации в стек) и удалить ее из очереди -> если очередь макрозадач не пустая то запустить первую макрозадачу (запушить фрейм активации в стек) и удалив ее из очереди. Когда стек опустошился, очистить буферы ввода а затем повторить этот цикл с начала.
Спасибо анончик.
Смотри промисы
Да, хуй знает как это правильно было бы сформулировать.
Ну вот есть объект, допустим как на пикче. У меня есть имя ключа: "d" и нужно пройтись циклом, map-ом, как угодно, по значениям "o", "t", "r".
Object.values(объект.d).map()
Я понимаю, что JS это асинхронный язык. Мой вопрос в том, почему первая функция не возвращает пустую строку?
>почему первая функция ждет выполнения цикла
потому что это синхронный код
>а во 2ой функции она сразу возвращает undefined.
она string возвращает
>Я понимаю, что JS это асинхронный язык
не понимаешь
> Мой вопрос в том, почему первая функция не возвращает пустую строку?
потому что это синхронный код и он выполняется по порядку
она не должна его ждать, она его лишь запускает и идёт дальше по синхронному коду
Юдеми это площадка. Там много кто учит. Что за Иван? Петриченко? Хз не смотрел его. Из тех кого смотрел и они хороши это Траверси и Бура
С другой стороны, например, модуль etag с npm сейчас скачивают по ~13млн. раз за неделю, т. е. кому-то в бэкэнде это всё надо.
Фронтэнд заебал.
Итак, аноны, юзать ли точку с запятой в конце строки или нет? Аирбнб говорит что надо, но вижу кучу кода даже от казалось бы шарящих людей на ютубе без точек с запятой.
Как вы делаете?
Как в вашей конторе заведено, так и делай.
Ну пиздуй на торренты. Словно мне не похуй где ты это смотреть будешь. Ну и нужно быть полнейшим еьанатом чтоб искать на торрентах учитывая что юдеми в течении 30 дней возвращает деньги
Нода только набирает обороты. Никто каком случае и речи быть не может. Просто чистые бэкендеры на ноде не сильно востребованы. А если фриланс интересует то тем более не вижу альтернатив. На всяких шарпах и жавах нет фриланса
для бекендера, html css
update problems".
Гуглю - все эти проблемы связанны с многопоточностью.
Вопрос. Зачем фп, иммутабильность и т.п. нужно в реакте?
В реакте все проверки того, изменились ли какие-то данные или нет (перед рендером в VDOM), делаются с помощью Object.is() (если правильно помню), что в случае с объектами просто сравнивает ссылки на эти объекты.
Т. е. вот у тебя есть state
const [ data, setData ] = useState({ key: 'value' }); // oldData
и в каком-то хэндлере ты его мутируешь
setData(data => {...data, key: 'new_value'}); // newData
При этом внутри реакта делается проверка
Object.is(oldData, newData)
... или что-то аналогичное, что сравнивает ссылки на объекты. Ну а дальше, если ссылка на объект новая, то это вызывает перерендер соотв. части VDOM, а если ссылка та же самая - не вызывает.
Сделано через жопу, да.
>setData(data => {...data, key: 'new_value'}); // newData
Пля, скобки забыл.
setData(data => ({...data, key: 'new_value'})); // newData
У фетча, если не ошибаюсь, до сих пор нет возможности мониторить прогресс загрузки файлов на сервер.
На фронта, мидол.
Друг помог, прошел собеседование до меня за 1 неделю, завалил его, но передал мне все вопросы которые там спрашивали.
так и прошел.
react, ну за 3 месяца у меня цель: подмять под семя синьеров-омежек, что бы за меня все делали, может кнопку спроектирую новую, а там посмотрим.
ну а че по вопросам, типо ты уже не нуб на мидла, но подстраховалса все равно
Отличать свой макбук от 10 таких же на столе в переговорке
Я вот так сделал.
Так его для этого и ставят ващет.
>>795882
>>795367
>>796838
Пиздец короче, таки сделал в реакте, без svg и без псевдоэлементов
1. Сначала обычная рамка у родительского элемента, что позволяет кропать любой контент внутри с помошью overflow: hidden
2. Делаю так же clippath у родителя, оставляя видимым все кроме уголка сверху слева
2. Далее внутри добавляю в реакте пустой див в который вставляю стилем небольшой квадратик и поворачиваю его на 45 градусов, задав ему рамку, пикселеёбствую, подгоняя внешнюю рамку квадратика, чтобы она совпала с обрезанным элементом родителя, выступая только на толщину рамки
Итог: контент внутри обрезан и можно менять картинки на ходу, фон у всего полностью прозрачный, можно ставить этот компонент куда угодно, ну и поправлять на лету в отличии от svg, не обращая внимания на положение картинки внутри
Чувствую себя каким-то гением-дегенератом, кажется что это лютая хуета, но это работает.
Не существенно. Как тебе удобно, так и работай.
https://jsfiddle.net/ts5qjL1u/16/
С точки зрения прозрачности норм решение. Зато теперь из-за clip-path придется каждый раз ебаться с попиксельной подгонкой этой хуеболы под каждый размер рамочки.
Наверное можно придумать более универсальное решение, но мне лень.
Какой-то необходимости нет, просто я ума не приложу как еще заставить все заработать. Как я понял по своим попыткам, хероку запускает ноду, с которой и спрашивает хтмл страницы, которых у моей ноды нет, если я использую клиент сайд рендеринг (либо я криво все загрузил).
А локально ты не роутинг не тестировал что ли? Все 404 должны фоллбечиться на index.html, это как бы базовая техника SPA.
object-fit: cover и всё
Тогда хуево. Нужно запилить динамическую подгрузку списка при скролле вверх и вниз. Список показывает X элементов , тогда нужно при инициализации загружать 2*X элементов. Когда проскролишь вниз X элементов от начала, то загружать следующие X элементов и добавлять к имеющемуся списку, а проскроленные элементы удалять из памяти и т.д. Когда скроллишь вверх на X элементов и самый верхний элемент - не самый первый, то подгружать предыдущие X элементов и удалять из памяти следующие X элементов
Она не должна его ждать. Она тупо пушит колбэк в очередь макротасков. Почитай что такое стек выполнения, event loop, message queue что ли (как и вообще будет полезно почитать про алгоритмы и структуры данных).
На Coursera.org можно посмотреть.
Еще есть доки и туториалы от Мозиллы и W3 где все API подробно и с примерами описываются. Хочешь во фронтенд - есть доки от reactjs.org и пр. В бэкенд - есть от nodejs.org .
app.use(express.json())
И в комментарии написано body parser. Что это значит? Как я понял доступ к объекту реквеста? Что делает это express.json
При помощи этой строки express сможет распарсить body, которое в json формате пришло
А что значит это распарсить body?
Как раз таки реакт сводит еблю с dom до минимума.
> те помимо охенного знания html css
Что там знать-то? Какие бывают наиболее распространенные теги, как делать отступы/позиционирование/стилизацию текста и картинок/простые анимации?
> нужно знать не менее пиздато взаимодействие js с дом и стилями
Нет. Но нужно знать как Реакт под капотом это делает, чтобы не писать глючный код. И чтобы понимать, какие проблемы позволяет решить Реакт быстрее чем средства нативного ЖС и когда уместно его использовать.
спасибо
Анонче, спасибо тебе большое! Всяческих благ тебе.
Заработало, но не совсем здорОво по-моему. Отладчик так же заходит куда ненужно, если указать папки для исключения. А если указать, чтоб игнорировало НЕ рабочую папку со скриптами - работает не куда по либам и т.д./п. не лезет.
>Нет. Но нужно знать как Реакт под капотом это делает, чтобы не писать глючный код. И чтобы понимать, какие проблемы позволяет решить Реакт быстрее чем средства нативного ЖС и когда уместно его использовать.
Нет, но надо знать как браузер это под капотом делает
Нет, но надо знать как сетевой адаптер байты получает
Нет, но надо знать как видеокарта пиксели отрисовывает
Нет, но надо знать как процессор инструкции обрабатывает
Нет, но надо знать как электроны работают
Нет, но надо знать стандартную модель
Воу воу воу, изи мен.
Не знаю ни одного человека кто провалил собеседование из-за незнания верстки. Если это конечно не позиция версталы лол. Но без редакса и не думай ходить на интервью. Я тоже раньше учил все крутые технологии. И clojurescript и эликсир а на деле всем на это похуй. Всем нужен реакт + редакс + тайпскрипт
>>797437
Объясните, чем занимаются фронтэндеры не знающие вообще верстки? Т.е. как вы вообще фронт начинали изучать? Вот просто сразу с ходу минуя html+css прыгнули в реакт и давай задрачивать его? Типа если надо будет поправить положение кнопки или какой стиль наложить будете передавать всё верстальщику? Просто я не совсем понимаю как можно запилить страницу на реакте без знания css, и наоборот, зная только css пилить что-то на реакте? Или вы сразу устраиваетесь сходу работать на готовые проекты, где происходит работа только с логикой?
Ну как не учили. Конечно прошли пару курсов на хтмл академии. Но мне это тяжко даётся. Начитался что цсс легко а дальше с жс ад и Израиль а вышло все наоборот, жс мне намного понятнее. А дальше просто бутстрап юзал в учебных проектах. Ну и да на работе уже все версталы делали
>Начитался что цсс легко а дальше с жс ад и Израиль
Это для домохозяек инфа, им проще 100500 свойств выучить, чем понять как код работает
>>797469
А мне наоборот на данный момент менее понятно как практиковать JS на конкретных примерах, вот начал пока на реакте тестовый проект пилить, но все же все равно иногда не понимаю что делать дальше и нахуя я это делаю без конкретной цели. Как вы сами с js учились взаимодействовать? Во всех учебниках что встречал какой-то бессмысленный дрочь в консоли вообще без практического применения.
Хз, научись делать весь интерактив на ванила жс, может станет понятнее. Ну и выучи es6 синтаксис нормально, без этого реакт код будет отдавать некой непостижимой магией
Это время займет. То что ты сейчас не понимаешь - продолжай заниматься и поймешь со временем. И не надо с ваниллой ебаться.
Ах да, самое главное, я вообще нигде не могу найти нормальных обзорных или практических уроков по тому, как фронт взаимодействует с беком, куда всё, что я делаю отправляется-то? Везде какие-то уроки и проекты в вакууме. Как будто ты на реальных проектах будешь страницу просто пользователю в виде файла давать скачивать, и он на него просто как на картинку смотреть будет. Как вы учились работать с js именно полноценно? Единственные уроки, где я находил, как подключать фронт к беку были связаны с fullstack проектами, где ты делаешь вообще всё с самого начала со стороны сервера.
Вообще похуй на жс, тебя будут во-первых про реакт спрашивать, на примере твоих проектов кста, а во-вторых как вкатишься к тебе приставят мидла, который поможет тебе вкатиться в тайпскрипт, на котором сейчас 70% проектов запускаем.
Найди урок, где челы используют чужую апишку, а не собственный бек.
Но ничего русскоязычного нет. Или такое информацией никто не делится свободно?
Гугли MERN Traversy на юдеми. Поймёшь. Но перед этим читай доки реакта. А перед этим сначала поучи жс. Хоть и на оторванных от реальности примерах
Всем похуй на твой дизайн чел. В учебных проектах на это вообще не смотрят. Я тоже делал эту ошибку поначалу. Старался чтобы все было красиво. Но мозги вправил потом. Не наступай на те же грабли
>Не наступай на те же грабли
Так и что посоветуешь? Юзать бустрап? Или вообще не запариваться, главное чтоб работало?
понял, спасибо
Да поддерживаю чела выше. Бутстрап без фанатизма. Чтобы у тебя в один ряд все не сливалось. Ну и там кнопочки хуепочки и прочее
material ui
Кидай сюда вопросы
> Что юзаете
css modules
> Как вообще архитектуру стилей выстраиваете
Никак, css modules разберется, чтобы не было конфликтов
тупой вкатывальщик без работы
Alt+стрелка назад - вернуться к последнему месту редактирования (в данном случае вернёшься туда, откуда проваливался внутрь компонента) или ctrl+p (p нажать 2 раза) - вернёшься к предыдущему файлу. А вообще всё это гуглится, там дохуя полезных штук есть.
Стрелка не назад, стрелка влево, объебался немножко.
мб ты еще подскажешь где спиздить шаблон хоткеев как в idea? банальный дупликат строк на ctrl + d в vscode не работает
Хз, у меня обратная проблема, надрочился по хоткеям в вскоде, теперь в ide чувствую себя инвалидом, а по работе и там и там ковыряться приходится. Вообще в vscode можно все хоткеи переделать через ctrl+k ctrl+s ручками или мб в настройках чего есть или плагин, хз.
ну да я видел, просто в некоторых редакторах по дефолту например ctrl + d дупликат и опять там насраивать хоткеи, мб есть уже готовый набор насроек
Я просто стили беру через cdn, когда надо по быстрому замутить
У меня почему-то работает. Что я делаю не так? Из дефолтных хоткеев менял только чтобы авторедактирование на alt+f сделал
Все там работает по дефолту
Не хватит, конечно. Мало того что это какие-то говнокурсы, так еще и прошло 6 месяцев. Нужны хорошие пет-проекты, нужны знания алгоритмов и структур данных, нужны знания паттернов проектирования, нужны софт-скиллс а не "я боюсь на собес идти, я омега". Омегой ты можешь быть только если знаний у тебя намного выше чем у других.
Есть плагин с хоткеями идеи, но там не все
Что нужно знать на 30-40к?
Если будет чебурнет, то будет пизда всему ИТ и всей стране.
без айти даже твой завод не сможет функионироваь, обновления к вашим Ораклам и Постгресам тянуть не от куда будет и хацкеры будут ломать ваши БД.
но на работу все равно не возьмут
300к/сек
И да, что за магию совершает этот класс?
Тогда возьмут, но тебе надо быть мидлом.
Тоже просматривал этот курс, объясню как я это понял. Сильно не бейте, если неправильно, лучше поправьте
> В главном файле есть строчка app.use(errorHandler)
А НАД этой строчкой у тебя прописаны роуты. Запрос идет по роуту, заходит в контроллер, там ловит ретурн и next, next вызывает следующий мидлвер (errorHandler) и передает в него объект err (экземпляр класса ErrorResponse). Этот err является наследником класса Error, соответственно имеет все поля Error плюс статус код. Соответственно в errorHandler прилетает эта ошибка, хендлер консольлогает ошибку и отправляет ответ клиенту жсончиком с текстом ошибки и кодом
Хммм звучит логично. Спасибо тебе.
Леол погромирование полно инцелов. У меня например нет девушек на работе и я годами инцелю. И такой бы часами лизал писечку.
{
foods: [
{name: 'Название продукта', calories: 70, size: 30},
{name: 'Название продукта', calories: 150, size: 30},
{name: 'Название продукта', calories: 280, size: 30},
],
time: '9:30'
},
{
foods: [
{name: 'Название продукта1', calories: 160, size: 30},
{name: 'Название продукта5', calories: 250, size: 30},
{name: 'Название продукта4', calories: 150, size: 30},
{name: 'Название продукта2', calories: 350, size: 30},
],
time: '12:45'
},
Никого не волнует, что ты делал до этого, работодателя интересует, можешь ли ты писать код и работать в команде. Всё. Хватит из поста в пост носить этот дебильный шейминг людей, которые меняют профессию.
Работодатель посчитает, что раз ты не смог добиться ничего на прошлом месте, что решил радикально сменить сферу, то ты явно и здесь говном будешь и быстро развосхитишься. Плюс будет понятно, что ты вкатыш с цыганских курсов только ради ради денег, а не тот, кому реально это дело нравится.
Суть в том что в it меньше этой долбоебской корпоративной шизы где нужно лицемерить что работаешь не ради денег а за идею и скакать кабанчиком. А все потому что дефицит кадров. Я прямо шлю нахуй эйчар с их тупыми вопросами говоря что на хую вертел их компанию и мне не интересна из какой залупы они вылезли. Просто скажите сколько мне можете предложить и в чем суть работы заключается
>что в it меньше этой долбоебской корпоративной шизы
Шиз, плиз. В ойти этого больше всего.
>что работаешь не ради денег а за идею и скакать кабанчиком
Если ты работает только ради денег, то ты нахуй никому не нужен. Деньги тебе по умолчанию платят.
>Я прямо шлю нахуй эйчар с их тупыми вопросами
И шлешь, и шлешь, и шлешь...
>на хую вертел их компанию и мне не интересна из какой залупы они вылезли
Но для amazon придется учить все 16 принципов лидерства что пройти собеседование
Работаю только ради денег, корпоративной шизы нет, тупых вопросов не задают. Полет нормальный.
синьор-помидор
О типичный, "эффективный" менеджер с КОПРОративной шизой. Что не получается среди нормальных пасанов эту хуйню насадить?
Внутри success ajax запроса запускаю еще один ajax.
В url второго запроса вставляется переменная, получаемая из data первого ajax-запроса.
в обоих запросах async: false.
Проблема: переменная, заполняемая в success второго ajax, не заполняется.
Структура такая:
var answ;
.ajax({
url: url1,
success: function(data){
var x = data.smth();
.ajax({
url: url2+x,
success: funtion(data){
answ = data.smth();
}}})})
А не проще использовать fetch и построить цепочку промисов? А там хоть десять запросов делай друг за другом.
не совсем, он даже не понимает что такое Смузи или кофе-брейк, а еще обучать скрамам, дейли и куча всего...
Сборщик мусора вообще знает про иммутабельные фп-загоны?
<b-table hover :items="listItems"></b-table>
Я всего год назад вкатился сразу по нескольким языкам.
Что требуется по работе, то и изучаю.
Что посоветуешь?
Опасно ли включать в бессерверное приложение на реакте кусок html, который может отредактировать любой посетитель?
https://stackoverflow.com/a/19277723/12097303
ща те тут насоветуют
const response1 = await fetch(url1, {
method: 'POST',
});
const data1 = await response1.json();
const response2 = await fetch(url2);
const data2 = await response2.json();
}
нет, даже если что-то пошло не так и вас взломали то виноват бекендер
редактировать и бессерверное? что за лол?
спасибо
мб имеет ввиду статик js
Сервер по любому не у меня. Нахуй мне сервер. Я что, ебанутый.
алсо на данной странице нет никаких вводов паролей (но есть на прочих страницах, выложенных на домене).
Ну это совсем кончи с кекслета или гейбрейнс
дайте сурс
>кто сейчас на ваниле пишет?
>пишет на jquery
>не знает что на ваниле уже есть все для работы с домом
Как формируетмя страница в современных веб-приложениях? Раньше везде просто передавался готовый html-документ, файлы css и файлы js. Сейчас вроде как жс сам рендерит страницу на клиенте, где краткое пояснение как именно это происходит?
мимо изучал лишь ванильный жс
Какой жукверик в 2020 году?
jQuery с задачей не особо справляется. Какие есть варианты? Хочу попробовать зарендерить за экраном, потом замерить размеры и перепозиционировать с учётом этой информации, но как бы это провернуть?
Single page application, реакт хуякт бабель хуябель jsx все это ебется друг с другом жс в html тегах каша блядь
Сам только начал учить так что так
Как сделаешь, так и формируется.
Элемент не отрисован = его нет = нет размеров
jQuery вообще не используй, это легаси помойка
Для позиционирования можешь просто получить размеры и задать потом их, там миллисекунды пройдут. Ну или хуярь с opacity: 0
Теперь передается один бооьшой жс файл (может передаваться не целиком, а батчами(кусками)), скафолдится на стороне клиента и начинает подгружать куски хтмл кода и вставлять их на страницу в зависимости от действий/бездействий пользователя.
У меня суть в чём: нужно позиционировать элемент с фиксированными, не произвольными размерами, основываясь на этих самых размерах. Вот я сейчас думаю, как это провернуть.
Сравнить могу с всплывающими ответами на дваче при наведении на ссылку. Они позиционируются вокруг самой ссылки в зависимости от своих размеров, при том, что сам ответ ещё не зарендерен.
>let затраченоВечеров = 0;
>for (let i = 0; i < числоКомпонентов; i++) {
>console.log("зачем вам вообще материал? все компоненты от туда пишутся за 1 вечер");
>затраченоВечеров++;
>}
Теперь объясни мне, зачем мне тратить несколько вечеров, если я могу за пару минут воспользоваться готовым решением? Ответил? А я добавлю - чтобы написав очередной свой велосипед, который я до этого использовал только для добавления простых вещей типа набора стилей, не нарваться на ситуацию в которой мне нужно добавить какой-то сложный стиль с сложной логикой, увидеть что вон в том решении, которое, как ты сказал, "можно написать за вечер" уже есть нужный мне инструмент и понять, что для достижения такого же мне нужно либо переписывать весь свой код на это решение, либо тратить много времени на запил подобного велосипеда.
>позиционируются вокруг самой ссылки в зависимости от своих размеров
Имею ввиду, что позиционируются относительно ссылки, в зависимости от размера ответа и положения ссылки на экране. Вот мне примерно так же нужно замерить элемент, чтобы его правильно разместить.
Это хорошо когда тебя устраивает то что в API компонента вместе с его дизайном.
Но любая правка сведет к тебя к кастомизации и тебе опять придется сидеть несколько вечеров + городить костыли.
а если у тебя будет свой компонент, это сделать можно гораздо быстрей.
Выпадающий список - пишется за пару часов.
Чекбокс - пишется за 10 минут.
Модалка - пишется за 20 минут.
Туллтип и календарь - пишется за 1-2 дня в сумме.
Инпут - пишется за пару часов
все, это базовый набор компонентов которые нужны в проекте и ради этого ты тянешь UIkit?
Приведи пример компонента о котором речь?
Написать свой проще и быстрей.
Вот я выше описывал компонент выпадающего списка, что бы добавить в него поиск: 1 строчка кода с includes
Удаление отмеченного: 1 строчка кода с filter
Просто вы макаки, которые не могут написать свои базовые компоненты в 10 строчек кода.
Получаешь const pos = element.getBoundingClientRect() у элемента, к которому ты хочешь подрубить свой элемент. Делаешь портал, туда суешь свой элемент с position: absolute и left: pos.left + window.pageXOffset; top: pos.top + window.pageYOffset
Ширину как хочешь передавай, в реакте можно через пропсы.
95% фронтов не умеют в верстку и программирование - создание своего компонента им кажется очень сложным.
В фронте 95% макак.
Лично считал?
Вот мне эти выставляемые браузером размеры и нужно узнать как раз.
>>798734
>портал
>в реакте
Но судя по всему, задача не особо тривиальная, раз требует таких инструментов. Видимо, придётся и дальше костылями через сумму высоты/ширины всех элементов внутри + вручную считать паддинги и остальное.
По сути, мне не хватает понимания того, как навесить коллбэк на элемент, который бы вызывался по окончании отрисовки. Если б было что-нибудь такое, то было бы гораздо проще.
>коллбэк на элемент, который бы вызывался по окончании отрисовки
Но вероятнее всего я спизданул хуйню и таких фич нигде нет.
>при том, что сам ответ ещё не зарендерен.
Почему ты так решил? Такие элементы сначала рендерятся, потом измеряются, подгоняются и снова рендерятся. Содержимое экрана при этом не обновляется, так что для пользователя это происходит незаметно.
Добавлю, что конкретно на дваче вообще нет нужды измерять контейнер самого ответа, достаточно найти точку от которого его позиционировать, а дальше браузер все сделает сам.
Реактомакака это отдельный подвид жс-дауна
Форму нинужны, дом нинужон, базовое понимание HTTP нинужно - ничего нинужно, только реакт взять и godmod обеспечен. А потом стоит чутка изменить специализацию и оказывается что наш "инженер будущего" сыплется на элементарщине, в которой шарит интерн
Ну вот я так и хотел сделать, но ведь для этого нужно сначала дождаться, пока загрузятся превьюшки для пикч, и потом только считать с учётом их размеров. И как на момент дозагрузки этих превьюшек повесить листенер - непонятно.
Либо хитрым образом считать размеры без картинок, и потом прибавлять загружаемые с сервера готовые цифры ширины и высоты для каждой превьюшки...
>достаточно найти точку от которого его позиционировать, а дальше браузер все сделает сам
Вот отсюда можно поподробнее, если не трудно?
Пока картинки не загрузились, на их место принято заглушки ставить нужного размера.
Что конкретно подробнее? Ответ позиционруется абсолютно относительно ссылки, ширина контейнера задается от ссылки до края экрана. Внутри этого контейнера можешь делать что хочешь.
Жсомакака порвалась. Какую специализацию, лол? С дом нигде кроме фронта не разбираются а во фронте есть реакт который сводит это на нет. Соответственно ты идиот который тратит время на ненужную хуйню
мне нужны проверенные билды, поставил там vue eslint но нихера не форматтит при сохранении и зоебалса каждый неправильный пробел исправлять
У тебя в настройках в форматировании кода поставлена галка на "форматировать при сохранении"?
https://jsfiddle.net/60oquz1p/1/
а че не так? не ругайся я только пару месяцев в теме
шо с галкой шо без галки, не работает
Сам-то eslinт установил?
Да. Это все ненужная хуета для академичных червей. Сам жс знать надо. Со стилями же неразбериха полная там. Варианта 4-5 используют так что все равно запутаешься
Ты врешь
Реакт необязательно.
Портал нужен чтобы потому что если ты элемент будешь добавлять рядом с нужным элементом и у тебя где то выше есть элемент с position:relative, то все твои left и top пойдут по пизде. Его удобнее вынести в отдельный див, который никак не зависит от остальной страницы.
>>798776
Тут имелись в виду те дауны, которые учат сначала все основы, даже которые нахуй не надо и все равно это можно загуглить если что. Как тебе знание дом потом может в реакте, вообще не ебу. Если какой то частный случай - загуглишь. А так ты большинство времени будешь обычной хуйней страдать и в итоге получается ты только зря столько времени на изучение потратил.
>>798841
Да.
>>798842
>Со стилями же неразбериха полная там
styled-components лучше всех
>>798846
Че там сложного? 1 строчку написать. Посмотри примеры, позапускай.
>styled components
Хз, меня люто напрягает когда компонент засоряется лишним отрисовочным говном
А ты не напрягайся
А меня напрягает когда в 2 раза больше файлов. Если у тебя код нормально разбит по компонентам, то засрано не будет. А с файлами так не получится.
Можно же переводить написанное перед отправкой запроса. Например человек вводит "сыр чеддер" ты хуяк запрос к апи переводчика, он выдает тебе сheddar cheese а ты это передаешь апишке usda и получаешь то, что нужно тебе.
Проблема в том, что там я не нашёл продуктов из России[ spoiler]хотя может как-то не так искал[/spoiler]. Вот в MyFitnessPal хорошая база данных, но доступ к своей API, они, вроде как, дают только компаниям.
в настройках prettier ставлю single quotes нихуя не меняется, че блят за хуйня чому это ваще надо насраивать, хуле не синхронизировано, с ибаным еслинтом,
Ну можно еще запрос к вольфраму прикрутить параллельный, он тоже выдает инфу https://www.wolframalpha.com/input/?i=cheddar+cheese
А что конкретно тебе нужно чего нет в других источниках?
Поступило предложение поработать над одним проектом, и тебуется знание реакта. Есть уверенные базовые знания по HTML, CSS, JS. Посоветуйте какие-нибудь книги, онлайн курсы(желательно в тексте) или ЮТ-каналы, с помощью которых можно быстро начать освоение.
ну и нахуя мне читать эту портянку, указал бы хотябы абзац, там даже есь ссылки на них
лан сорян, еще скажи как мне точки с запятой убрать, зоебалса тратить время на эту дрисню
да нахуй мне это нужно когда мне надо лапшу на vue писать, ебанутые веб мартышки не удосужились стандарт один совместить, сука сначала ввели скобочки с запятыми и теперь мне еще ибацца с ними, хуле дев сервак орет на всё это нахуй мне это править, автор дибил пусь удоляет из жс, пойду лучше на го и питоне
шо удивлят шо я не нагугли решения за 5сек и сообщество не может дать внятного ответа, ебаные мартышки,
https://www.google.com/search?q=eslint+prettier ебать, как же такое гуглить-то... Какой же JS сложный... Клятое сообщество, написано автоформатеры кода!
Мартышка с питона не может в скобки
Да, можешь задать ее на гитхабе.
А можешь сюда написать.
Что за select2? Плагин для жиквери? Тогда не задавай сюда, за жиквери в 2020 в рот нассать могут.
>Плагин для жиквери?
да, все так и есть
>за жиквери в 2020 в рот нассать могут.
поэтому и не задаю
>А что не так с дефолтными?
Зачем запариваться с локальным стэйтом, если можно использовать уже готовую библиотеку?
Я конечно не эксперт в React'e, но не геморно ли будет отлавливать все действия пользователя с формой?
А какие там могут быть действия можете мне рассказать?
допустим у тебя есть 10 полей.
ты делаешь под них регурярки и в зависимости от результата формируешь массив ошибок. (можно вывести в одном месте или отобразить в каждом контролле ввода)
Зачем для этого библиотека? что она еще может такого делать кроме того что я описал?
т.е. результат будет примерно такой:
const {errorList} = myHookEbaValid();
error.list.lname; // undefined | "текст ошибки"
error.list.fname; // undefined | "текст ошибки"
Зачем реакт вообще. Можно свой фреймворк под проект написать за пару вечеров.
Можно
Зачем изобретать велосипед? Будет разрабатывать свою архитектуру и в итоге всё равно придёшься к своему реакту. Так может логичнее потратить время не на придумывание велосипеда, а сразу начать пользоваться решением, которое придумали умные люди?
А потом кто ебаться будет с твоим фреймворком. Так и представил как пришел на проект а там фреймворк сысевэдишн. Тут же нахуй всех послал и ушел в нормальную контору
Ну если ты шаришь в React'e, то с помощью чего лучше работать с формами? Речь идёт не про пару полей, а большую таблицу с данными, где юзер выбирает нужное ему.
Ну давай мы будем гадать что у тебя не работает.
Вот мои настройки, не забудь плагин eslinit поставить и посмотреть что он высирает в консоль.
Вопрос всё ещё под вопросом. Пользователю выводится n-ое количество товаров, он отмечает нужный ему + устанавливает кол-во товара. Как это правильно обрабатывать?
> Нет, но надо знать как браузер это под капотом делает
Да. Для оптимизаций рендеринга, загрузки ресурсов и пр. Да и вдруг обычный фронт заебет и ты захочешь уйти в геймдев и пр.
> Нет, но надо знать как сетевой адаптер байты получает
> Нет, но надо знать как видеокарта пиксели отрисовывает
> Нет, но надо знать как процессор инструкции обрабатывает
> Нет, но надо знать как электроны работают
> Нет, но надо знать стандартную модель
Да. Хотя бы на уровне школьника-научпопера.
Иногда бывают сложные регексы вроде имейла, так что их быстрее загуглить чем еще раз собрать велосипед.
Выучил большинство алгоритмов для интервью. За 2 года в итоге ничего не пригодилось. Пиздеж для академичных червей
Часто употребляемые атрибуты и свойства можно за пару дней выучить. Верстку по макетам отточить максимум за пару недель. Это не настолько серьезный по сложности навык для фронтендера по сравнению с навыками программирования, которые требуются и от бэкендеров.
На реальных проектах основную работу делает дизайнер. А потом фронтеры просто из Фигмы копируют цсс и свг для UI kit.
А если ты захочешь перекатиться из фронта который по мне в основной своей массе довольно скучный, где самое сложное - это валидация формочек, локальное крудошлепство и отправка запросов на бэк скажем в геймдев или какой-нибудь сложный бэк? И вообще тебе понадобиться решить задачу, которая выход за рамки стандартного крудошлепства (например, кодогенерация)?
В графических редакторах вроде Фигмы, онлайн-редакторах кода например еще как юзаются алгоритмы посложнее чем в обычных крудах.
Вряд ли захочется. Я слишком тупой для всего этого
Третьемирные пидорахи инидии/роисии/тайланда в основной массе рассматриваются как разгребатели низших говен
Тем временем средний белый фронт макак-вкатун получает 3-5к$
Обычный сайт по технологии от жопаскрипт пидоров-сойбоев-смузихлебов, чему тут удивляться?
> че там еще нужно? Все?
Сначала это выучи. Потом работу ищи и смотри, что нужно работодателям
А каким форматером кода пользуетесь вы?
врети!!
Я просто ебал HTML преврашается в кашу после него
Заучивать ничего не нужно, желательно просто знать, что можно а что нельзя сделать с помощью бутстрапа.
Прочитай доку и список компонентов, Там их всего штук 30. Потом будешь знать, где посмотреть.
та я смотрю и параллельно пилю просто думал что на собеседованиях будут спрашивать.
так это со всеми жс фреймворками так лол. даже на каких то либах/плагинах такое видел
мимоэлитный бэкендер без всякой такой параши
Хочу посмотреть на тот, как они будут вилять жопой, когда этот пиздец с BLM по машстабу и пиздецу разрастется до уровня игил
>разрастется до уровня игил
Уже, куча трупов. И жидовские медиа все все равно их поддерживают.
Нужен вкатуну. Чтобы использовать его быстренько в своих проектах и не ебаться с миллионом цсс свойств. Опытному же разработчику нах не нужен
Есть приложение чата, где Посетитель жмет виджет в углу экрана и входит в состояние чата с Оператором. Необходимо автоматически завершать чат спустя 5 минут после начала, подозреваю что со стороны Оператора или Посетителя надо отправлять запрос на бэк, который просигналит о конце чата, но как правильно установить этот таймаут?.. Он должен запуститься именно после того как будет отправлено первое сообщение, не раньше
Это надо на бэкенде
Сажа приклеилась.
и "асинхронный код" который отправляет через форму картинку в rest api, где она ресайзится, и за post запросом идет get который получает её url, так вот иногда он возвращает null, думаю шо код у меня говно видимо get запрос не дожидаясь post respons'a выдает мне нулл, за обработку ошибок не пинайте, сделаю
Задача: получить данные и выбрать из них необходимые пользователю, а потом отправляются с помощью формы на сервер.
Как это реализовал: с помощью API получил данные и залил в глобальный стейт. Редакс увидел изменения и задиспатчил в компоненту. Там эти данные записал локальную переменную. Когда пользователь что-то указывает, с помощью хуков данные изменяются в локальном массиве. А потом всё отправляется на сервер.
Где я придумал велосипед или всё нормально?
Правильно. Но Redux мне не нужен из-за его дебильной иммутабельности. На что я указал в своём сообщении.
Нихуя, у меня так горела жопа с бесконечных цепей из then'ов, пока не узнал, что можно сделать async/await вместе с божественным try/catch
Captcha
go сугубо бэк
c нодой дохуя вариков
по моему опыту дохуя оплачивается бэк/фронт, но не фулстак
А какие варики помимо бэка?
И алсо разве фулстак не обладает большим объемом знаний который лучше оплачивается?
Тудушку с редаксом, потом тестовые.
Проблема в том, что в понимании работодателя фуллстак - чел, который одинаково заебись может писать как фронт, так и бэк. Это 8-10 лет опыта как минимум. Но и стоит такой чел дорого.
А в понимании работника фуллстак - чел, который более менее умеет во что-то одно и чуть-чуть умеет в другое. Это 2-3 года опыта максимум, а то
и меньше. И таких большинство.
Пишу на шарпе и неткоре, но умею сверстать форму на реакте - фуллстак.
Знаю вью и могу накидать сервер на экспрессе - тоже фуллстак.
BEM, smacss, oocss.
ну не совсем так, для бизнес кабанчиков и горе мп фултак это тот кто будет любые задачи делать в одного, никого не ждать, ни от кого не завидовать, а пилить фичи. Может быть хуёво, может быть не расширяемо, но главное что бы работать. А ещё и сам эстимейты точно проставить, ведь он один на работе.
А на деле получем
>чел, который более менее умеет во что-то одно и чуть-чуть умеет в другое.
Обычно это бэки которые умеют формочки.
>И алсо разве фулстак не обладает большим объемом знаний который лучше оплачивается?
Нет, зачем платить больше? Пить есть не просит. Фулстаками работают только долбоебы, как по мне.
Бля зря ноду учу что-ли вдовесок к реакту?(((
Окей, посмотрю.
Еще вопросы по тестированию
1. Насколько говноправктика в тестировании использовать data- атрибуты? Где то ругаются, где то говорят, мол код более устойчивый. Типа класс поменяться может, а тестайди он как есть.
2. Как правильно тестировать connected компоненты в редаксе? Сейчас вкорячил через redux-mock-store и .dive() энзимовский, вроде работает, так вообще норм нет?
Ну, почти. Не надо дублировать данные в стейте, просто вычисляй все при рендере.
ну бутстрап это по сути css и класы к ним
Всего одна фишка -- отдавай залупу на аутсорс.
Если бы ты вместе изучения реакта и вью тратил время на изучения собственно программирования то не задавал таких вопросов
разумно, получается это паттерны программирования в целом, а не уникальные для каждого фреймворка? Или чо?
мимо из ебеней
желаемый доход - не сдохнуть с голоду.
бамп
Да. Изучай фп. Собственно реакт это и есть паттерны фп под капотом
А без опыта ты не нужен, а опыт можно получить на работе, куда берут только с опытом. Классика.
Портфолио не нужно. Нужно чтобы был гит и один-два проекта, за которые не стыдно. Доделанных то есть. Законченных.
Дизайн не важен. Важно, чтобы в них использовались актуальные технологии, чтобы хрюша видела что ты не совсем левый член с горы а немного шаришь.
Решение все равно будет приниматься исходя из тестового и собеса, гит просто должен быть.
Заведи себе привычку заливать на гит весь свой код, хоть ЛАБА1, хоть учебные проекты с курсов.
А где нужно разворачивать проект? Не будет же дядя в кресле ебаться с установкой твоего васянства.
другой анон
npm install - должен устанавливать зависимости
npm start - должен запускать девсервер
npm run build - должен высирать готовый билд проекта в отдельную папку.
Плюс неплохо иметь задеплоеную версию на хероку или ГХ пэйджес.
>npm install npm start npm run build
Это и так понятно. Просто я думаю, что и этим никто заниматься не будет.
гитхап пейджес для спа, хероку для апп с беком
>Заведи себе привычку заливать на гит весь свой код, хоть ЛАБА1, хоть учебные проекты с курсов.
У меня куча этой параши залито на гитхаб, но все скрыто. Имеет смысл открывать для собесов? Или чисто для статы активности ан главной странице?
и парашу типа i++/++i?
Вы же в курсе что высирается 1/2 ссылки, а если в цикле то пока он не закончится память не освободится?
Вообще не помню когда в последний раз юзал классический for. Для всех кейсов всегда хватало map, filter, foreach, for in
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
Пиздато во во всяких while за пару минут 2 плашки кушает, пока биг-инт считает.
Просто говорю не юзать понос типа let а юзать var
Да дело в другом, я про то что свой компонент VS чужой - у вас все равно на выходе получается говно обернутое в 10 оберток, переписанное кучей important
почему бы сразу не написать хороший компонент на TS со всеми плюшками под задачу.
Где я работал - все коллеги всегда писали свои компоненты.
а AntUI и прочее использовали в основном какие-то джуны, не имеющие даже свою кнопку создать.
и всегда плевались в сторону этих ваших ANt материалов и прочей хуйни.
ты не сравнивай фреймворк и кнопку которая пишется за 30 минут.
Как раз наоборот лол. Если команда небольшая а времени на уи кит не дают то бутстрап берут для экономии времени на верстке.
Хуита которая призвана заполнить пробелы в недостаточно описанной модели. Отсюда и дроч на паттерны, стремление их запихнуть во все дыры.
>Имеет смысл открывать для собесов?
Да. Так ты будешь смотреться не как залетный вайтишник, а реально заинтересованный в программировании чел. Плюс покажет хоть какую-то компетентность.
Вы видите копию треда, сохраненную 23 марта 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.