Привет, меня зовут Infanty, мой профиль в LinkedIn.
Я пишу how-to статьи на редкие темы или статьи обзоры - для себя и тех кто со мной работает.

Отображено: по дате публикаций. Посмотреть по дате последнего изменения.

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

Пример класса для асинхронного получения данных с сервера используя axios.

Рассмотрим как:

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

Для того, что бы использовать БЭМ и стили Bootstrap совместно - необходимо что бы CSS классы приложения названные по методологии БЭМ наследовали стили CSS классов из Bootstrap.

БЭМ расшифровывается как: Блок - Элемент - Модификатор. Данная методология применяется для именования CSS классов. По данной методологии всю HTML страницу можно разбить на независимые логические блоки.

PostCSS – это модульный препроцессор, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов стилей. PostCSS немного отличается от препроцессоров Sass, Less и Stylus. Самая сильная его сторона - это наличие плагинов, которые анализируют, манипулируют, добавляют или изменяют свойства и значения в CSS коде еще до того, как конечный CSS файл будет сформирован и сохранён.

Работая с Drupal 8, в команде, можно столкнуться с тем, что у каждого разработчика локально установлен свой набор библиотек в папке: vendor с помощью Composer.

Работа автоматической проверки кода проекта будет выглядеть следующим образом: в момент пре-коммита (в Git) будет запускаться lint-staged проверка в которой eslint и prettier обработают все файлы, готовящиеся к коммиту. Если проверка не будет пройдена, то не удастся совершить коммит (в Git).

React.js можно считать наилучшей альтернативой среди средств для разработки веб-интерфейсов. Разработка на React.js заключается в описании того, что нужно вывести на страницу (это называется: декларативный подход к описанию интерфейсов). Т.е. Вам всё равно - как браузер, на программном уровне, будет выводить элементы интерфейса на страницу.

Рассмотрим:

  • обработку ошибок;
  • присвоение элементов массива отдельным переменным;
  • замену if на switch;
  • форматирование JSON-кода ;
  • и т.п.

Периодически приходится создавать виртуальные машины для локальной разработки с функцией автоматического развёртывания для распространения в команде разработчиков. Для решения этой задачи ограничится только Bash-скриптами не получится. Так как довольно часто клиентские машины для разработки довольно сильно отличаются, как программно так и аппаратно, друг от друга и от серверов на которых будет размешаться разрабатываемый код. В таком случае лучшим решением будет использование VirtualBox (используя Vagrant с Puppet или Ansible) или Docker как одни из самых распространённых технологий для подобных задач.