В ролике наглядно показано как создать аккуратный автокомплит (autocomplete) на чистом Javascript. Сервис, показывающий коды клавиш: https://keycode.info
Почасовая оплата или фикс за проект? Многие выбирают фикс и порой это даже выгоднее. Но чаще всего, для фрилансера выгодна именно почасовая ставка, если конечно за сам час платят достаточно хорошо. Об этом в данном ролике коротко и рассказывается.
Разбираем зачем нужны Render Props и как использовать сторонние библиотеки типа jQuery или Backbone — хоть они и устарели, на этих примерах можно лучше понять как работает React.
Рассматриваем разные подходы к проектированию React-кода — наследование (inheritance) и композиция (composition). Что они подразумевают и какие имеют особенности. Также, разбираемся с компонентами высшего порядка (Higher-Order Components, HOC), ввиду их повсеместного распространения.
Styled Components (http://styled-components.com) это в некоторых случаях очень полезный инструмент, позволяющий в стилизации задействовать внешние условия, например, рисовать разный цвет фона по значению переменной. В этом видео Styled Components используется для решения конкретной возникшей на боевом проекте ситуации.
Разбираем по косточкам исходники JS-библиотеки jBlocks за авторством Виктора Карпова. Она позволяет создавать нативные JS-компоненты, не используя при этом более сложные решения. Организация многокомпонентности в JavaScript всегда была проблемой, но сегодня у нас есть React, Angular, Vue и другие штуки, позволяющие справиться с этой болью и абстрагироваться.
jBlocks в серьезной работе не актуален, но нам он позволит изучить подход к организации многокомпонентности и постичь ООП-знание на примере реального продукта. Хотя, jBlocks подойдет например для создания скриптов простого лендинга или веб-страниц, для которых не хочет подключать что-то из вышеперечисленного.
Тем не менее, всегда интересно, как это работает под капотом и мы решили совместно с Виктором предоставить вам возможность под этот капот заглянуть с инструкцией в руках.
В этом цикле из нескольких роликов будет рассказано о том, как я сделал сайт для одной кредитной организации. Какие использовал подходы, с какими проблемами столкнулся.
В первой части про основной сайт. Далее будет про CRM-ку и личный кабинет на React + MobX.
Во втором и третьем ролике мы продолжаем рассматривать реальный проект, сделанный по заказу. На этот раз — личный кабинет менеджера. Фактически, это CRM-система. Построен проект на React / Mobx / WebSocket.