ZarahioN Presents

Answering why

Стилизовать себе кота(?) [PSD to HTML+CSS, kinda. Pt. 2]

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

И, хм.. я немного не уверен с чего начинать эту часть. В отличии от HTML CSS является чуть более сложным и необычным котиком.

Для начала, думаю, стоит разобраться с терминологией:

  • селектор (selector) –

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

Сверстать себе ленности [PSD to HTML, kinda. Pt. 1]

С чего бы начать этот позновательный рассказ..

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

Это можно считать таким скромным вводным дисклеймом – я верстать умею, но не умею. Встает вопрос – “а с чего тогда учить браться?” ответ несложен,

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

Возвращения тавтологии [Pt. 9.R – The Reduh deal]

Уф..

It’s been a long time, isn’t it?

Много всего произошло за.. месяц?..

Я искал работу..

Баловался нервишками..

Старательно избегал любых напоминаний о обещанном примере использования редакса.

А еще встретил Vue, но об этом интересном и увлекательном событии позжее.

А сейчас
*пуф-пуф пыльку с репо для редакса*

На чем мы там остановились? А-а, тудушковое приложение в классическом реакте. Ну, почти классическом, за исключением Immutable.js и редакс-оватого подхода к данным.

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

Следующая остановка, 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 + капелька функционала сверху). И в начале я думал (и собственно попробовал) просто скопировать ее, но быстро понял, что если я внезапно решу подправить что-то где-то,

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