[Pt. 6.42 – Scary hooks]

Крепко задумавшись в прошлый раз о состоянии я вспомнил что забыл о одном очень важном элементе буквальной жизнедеятельности компонентов реакта – lifecycle hooks.

Думаю, если ты знаком с WordPress-ом (или другими представителями систем расширяемых “событийными реакциями”) то примерно знаешь или хотя бы слышал такой термин как hook. По сути крючок (hook) – это крючок, как ни странно.

Читать полностью

Small notification

Если ты немного интересовался нашей (ZN Group) работой, то, возможно, заметил наши скромные благотворительные потуги, которые на данный момент освящаются на сайте издательства.

К чему оповещение? Все просто – мы одни никогда не сможем сделать достаточно, сколько бы не старались и пытались, поэтому я предлагаю тебе заглянуть и поинтересоваться о благотворительности, которую руководство решило поддержать в этот раз.

Читать полностью

Реакт, Флукс, Состояние, весело [Pt. 6 – Why states]

In previous chapter…

Что же, не так давно, в прошлой статье мы познакомились с Store – Состоянием (я о модели Flux) в базовом исполнении, который нам предлагает сам реакт. И появляется закономерный вопрос – а что с ним можно делать?

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

Читать полностью

Пора умнеть [Pt. 5 – React Statefull Components, variation Uno]

В прошлый раз мы относительно успешно посмотрели на глупые или же stateless компоненты реакта и.. они на то и глупые, чтобы быть достаточно скучными и простыми. Настоящее веселье (или мучение, это как посмотреть) начинается с умными компонентами.

Небольшие правки были совершены в трактовке и тавтологии понятий 4 Апреля 2018

Напомню, что в используемой мной системе понятий, глупые компоненты – это компоненты, которые не имеют своей не визуальной логики “кхм, правка тройного отрицания – глупые компоненты, это компоненты, которые если и имеют логику, то только свою и визуальную”.

Читать полностью

SymLinks to the rescue! Использование одной темы на нескольких WordPress сайтах

Вроде бы странное желание, делать одинаково выглядящие сайты, не так ли? Но тем не менее, у меня появилась такая нужда.

Дело в том, что на данный момент дизайном и созданием нескольких тем у нас заниматься некому, а у сайта издательства есть “неплохая” доработанная нами ранее тема (склеенная и немного перекрашенная Rambo от Webriti + капелька функционала сверху).

Читать полностью

Почему вообще Реакт? [Pt.4 – Why bother]

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

Я как-то наскоком погнал ставить вебпак, ваять реакт и даже не поудосожился предложить один очень интересный вопрос: а зачем он вообще?

Для ответа на него, думаю, стоит вернуться к “реальному программированию” на ПК – “прикладному программированию оконных приложений” (desktop applications), это технически все пользовательские программы на Windows и macOS.

Читать полностью

Первые серьезные строки на React.js [Pt.3 – Finally starting for real]

В прошлых монотонных рассказах мы занимались долгой и утомительной настройкой вебпака и вообще “среды” для создания React приложений.

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

Впрочем, начнем с азов, затронутых еще в первом рассказе. Заглянем в файл index.js, он скорее всего находится в папке src, если ты продолжаешь с пути c-r-a, либо прямо в корне проекта, если решил в лоб принять удар тяжелой и героической самостоятельной настройки вебпака.

Читать полностью

Благость под названием create-react-app [Pt.2 – Automatic React Installation (and how to break it)]

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

create-react-app

Что же это? По факту cli – command line interface для создания базового шаблона стандартного приложения на реакте.

Читать полностью