Следующая остановка, Redux [Pt. 8.R – Hello Redux, my old friend]

Что же, в прошлый раз я обещал наконец начать показывать дебри редакса и.. для начала я загляну на официальную страничку документации, ибо оперировать терминологией по памяти я даже не стану пытаться.
Есессено я поощаряю и тебя туда заглянуть, для общего развития так сказать.

Начнем со сложного, зачем вообще редакс?

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

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

Первое настоящее приложение с React.js [Pt. 7 – Todo App!]

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

Плюс перед выходом к редаксу или моби (да-да, бедный MobX), не помешает нарядить и прихорошить свой скромный опыт работы с реактом.

Поэтому мы (или хотя бы я) создадим небольшое но настоящее приложение.

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

[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 для создания базового шаблона стандартного приложения на реакте.

В начале своего пути реакт не имел подобных инструментов (да и вообще разрабатывался "по приколу" и "для себя" фейсбуком).

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