LEV19

Если просто, то нарезать картинок и решить в лоб, где каждая цифра и стрелка - отдельный блок с текстом. Можно фоном или просто картинкой с position absolute (внутри блока).

Если заморочиться, то цифры svg, стрелки тоже svg (плюс трансформ на искажение для изогнутости), так будет очень удобно адаптив делать: убрать transform и стрелки стали прямыми. С точки зрения производительности этот способ гораздо лучше первого.

Тыщу лет уже все используют вебсокеты: socket.io/docs

Главное понимать то, что вебсокеты нужны не для того, для чего нужен Ajax, у них другое предназначение.
Суть вебсокетов - непрерывно открытое соединение с сервером и сверхбыстрый обмен данным.

Основные потребители этой технологии - чаты, игры, сервисы для одновременного редактирования документов и т.п.

Пока что я знаю html5, css3, sass, scss, flexbox, grids, кроссбраузерная адаптивная верстка, ssh, бэм, нативный javascript, Ajax, JSON, DOM, API, babel, es5, es6, gulp, ReactJS, npm, git, photoshop, zeplin, avocode.

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

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

Выкиньте из этого списка 80% и действительно разберитесь в остальных 20%. По ним покажите какой-то опыт, уровень знаний, хоть что-то.

Для первой работы вам достаточно или действительно хорошо знать JS + базовый реакт, или хорошо знать HTML/CSS + базовый JS.

Пока что вы показываете что знаете только какой-то список из базвордов.
То что вы девушка - не мешает, но может усилить тот эффект который вы произведете. Или вы произведете впечатление умной девушки и вас скорее позовут чем умного парня, или произведете впечатление глупой девушки и скорее позовут глупого парня чем вас. (хотя не могу представить зачем бы это надо было вообще делать)

Удачи.

У меня для вас плохие новости.
Наставникам обычно платят деньги, чтобы они с вами возились.
А это кардинально отличается от ваших пожеланий.

Ну а вообще на фриланс вам пока что еще очень рано.
В офис, только в офис на пару лет минимум.
Никто же, например, не запрещает вам переехать в иной город.
И английский учите.

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

Блин, а я-то думал - что же так прорвало-то? А это ж отгремели "ночи пьяных бантиков" :)

ТС и все бывшие уже школьники - во-первых, внимательно, по буквам перечитайте ответ Рональд Макдональд - это сбережет вам всем множество нервов, времени, самооценки и здоровья.

В-вторых:
Никто и никогда не берет джунов на удаленку

На удаленку берут только матерого спеца, у которого есть свой портфолио и который сам может диктовать условия найма. Джуна могут взять только в офис, потому что никому не надо отвечать за то, что он сорвал очередной дедлайн - и спросить-то с него нечего! Если джун устроился в офис - за любые деньги (здесь любые - это в совершенно буквальном смысле!) - он должен корпоративный гимн распевать от счастья :) И жужжать электровеником, работать, набираться опыта, помня что он никто и звать его никак.

Да, на фрилансе люди зарабатывают. И иногда даже прилично так, что не стыдно сказать :)

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

Быстро и много в ИТ во фрилансе джуну заработать невозможно

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

Хотите за лето заработать денег, а не считать копейки на проезд - оставьте мечты о том, чтобы работать дома. Дома работать не получается и у людей с в стопицот раз большим уровнем самоорганизации, чем у вчерашнего школьника. Идите в Макдональдс - только не балдеть, а работать, на стройку, в промоутеры, листовки разносить, собак чужих выгуливать...

Добро пожаловать в жесткий и безжалостный мир взрослых. Вы все, кажется, в него так торопились - бухать и девок щупать? You are welcome. Но не обижайтесь на жесткость реакции - миру на вас на самом деле плевать...

Как начать зарабатывать начинающему web-разработчику в 17 лет?

Макдональдс, стройка, кошение травы.

зарабатывать на вебе

Пхаха.

Хочу устроиться джуном в веб-студию удаленно

Никто. Никогда. Не берёт. Джунов. На удалёнку. Точка.

Может устроиться к кому-нибудь на фриланс

Нет.

Как начать зарабатывать на фрилансе?

Никак.

Каждую, чёрт бы её побрал, неделю такие посты. Ну погуглите хоть по Тостеру-то.

Коротко: это очень плохой план, дикая конкуренция людей со знаниями и опытом выше вашего не дадут вам никаких шансов. Выбирайте другую область.

https://m.habr.com/ru/company/mailru/blog/269465/

Вы в век капитализма живете. То что вы не тянете, не должно вас особо смущать. Я еще понимаю, если бы вы были белой овцой в группе первоклассных инженеров, тогда да. Парни с мозгами 10кг и вы еле понмающий как вас вообще сюда взяли. Запонимте, что вас должно волновать благополучие и жизнь только вас и ваших близких. Если вас взяли, а вы не тянете не ваша вина, а работодателя, если он хотел самостоятельного юнита, а взял интерна, если и хотел интерна, то вообще вопроса не существует. Смело сидите и учитесь за зарплату, самому уходить не стоит. Это так сказать был подогрев отношения к этой жизни. А по факту. Научитесь еще, все через это проходят, приходя и тупя как дятлы в монитор, не понимая базовых вещей. У меня точно так же было, у вас точно так же есть, у ваших детей будет также, у их детей тоже самое. Это нормальный процесс. У вас сейчас вместо задачи в голове, моральные истязания, что тоже очень вам мешает. Просто работайте дальше. Если уволят, то начальник видимо вас неверно воспринял, как самостоятельного юнита. Его ошибка, его вина, не ваша.

Кстати я однажды так ушел с работы. Стыд от незнания и постоянных вопросов по элеменрным вещам, был конечно не главной причиной почему я ушел, ушел из-за отношения к работе, не как к работе, а как... Не знаю даже, как к чему-то большему, как к смыслу жизни, и поняв, что конкретно эта специальность, не мой смысл жизни, я ушел. По прошествию времени могу сказать, что не жалею принципиально, что ушел, но если бы снова оказался в том времени в той ситуации, я бы этого не сделал. Удачи вам, в вашем нелегком деле!

React.PureComponent реализует метод shouldComponentUpdate таким образом, что он делает поверхностное сравнение props и state (не глубокое). Вот собственно код:
https://github.com/facebook/react/blob/c8fbdac2271...

shouldUpdate =
            !shallowEqual(prevProps, nextProps) ||
            !shallowEqual(inst.state, nextState);

Что такое shallowEqual? Это по сути сравнение оператором === каждого элемента из prevProps с каждым элементом из nextProps. На всякий случай дам ссылку на реализацию для полного понимания: https://github.com/facebook/react/blob/6963ea4bfcd...

В итоге всё зависит от структуры ваших props. Если в props вы передаёте объекты которые иногда мутируются, т.е. по ссылке они равны ===, но внутри какие-то данные поменялись (что само по себе выглядит странно в экосистеме redux + reselect, но вполне возможно технически), тогда использование PureComponent вам всё поломает, т.к. на экране какие-то компоненты перестанут перересовываться!

Если же у вас всё по уму, данные которые передаются через props являются скалярными типами (string, int, float, bool) или immutable объектами, тогда смело используйте PureComponent - в некоторых случаях он поможет избавиться от лишних вызовов render.

Важное замечание: PureComponent нужно использовать только для так называемых presentational components, т.е. для тех компонент, которые НЕ обёрнуты в вызов redux connect().

Для container components (т.е. тех компонент, которые обёрнуты в redux connect()) нет смысла наследоваться от PureComponent, т.к. метод connect() оборачивает ваш компонент своей реализацией shouldComponentUpdate, которая также использует shallowEqual. Если вы по недосмотру унаследуете container component от PureComponent - ошибок не будет, но это не имеет никакого смыла, т.к. ваш код по сути будет дважды делать shallowEqual, а зачем делать лишнюю работу?

Подводя итог, рецепт такой:
- presentational components наследуем от React.PureComponent
- container components (которые обёрнуты в redux connect()) наследуем от старого доброго React.Component

render() {
  return (
    <div>
       ${Array.from({length: 5}).map((_, idx) => <div>{idx}</div>)}
    </div>
  );
}

// или

render() {
  const list = [];
  for (let idx = 0; idx < 5; idx++ ){
     list.push(<div>{idx}</div>);
  }
  return <div>${list}</div>;
}