WordPress с ReactJS: прибыль или убыток?

В настоящее время WordPress получает признание во всем мире за свой последний выпуск редактора Gutenberg за его функцию редактирования блоков. Удивительная часть этого редактора — ReactJS работает как бэкенд. ReactJS удивил сообщество разработчиков WordPress, представив Calypso для невероятно быстрого интерфейса на основе API, написанного исключительно на JavaScript с использованием таких библиотек, как Node и React.

По сути, react — это библиотека, которая предоставляет декларативный метод определения компонентов пользовательского интерфейса, например ReactDOM, который представляет собой комбинированную библиотеку, предлагающую рендеринг и сравнение DOM, в то время как React-Redux gum предлагает связующее звено между React и Redux в качестве хранилища данных. Используя Javascript, React Native позволяет создавать мобильные приложения, а также создавать многофункциональный мобильный пользовательский интерфейс из декларативных компонентов. React очень популярен среди крупных брендов, таких как Airbnb, Dropbox, Alipay, Netflix, Facebook и многих других, благодаря простоте использования и гибкому подходу.

После его выпуска это вызвало ажиотаж среди разработчиков PHP, поскольку стало обязательным изучение JavaScript для использования преимуществ недавно предложенного технологического стека. Но с редактором Gutenberg становится очень легко работать с разными библиотеками. С точки зрения стратегии продукта для разработчиков WordPress имеет смысл продолжать разработку с использованием React, но вы также можете задаться вопросом, почему React был выбран в первую очередь.

Давайте рассмотрим некоторые преимущества и недостатки использования WordPress с ReactJS после принятия первоначального решения.

Плюсы использования React

• 1 Позволяет повторно использовать компоненты кода

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

• 2 Легко писать

Разработчики, имевшие опыт написания на HTML, обнаружат чрезвычайное сходство при написании шаблонов React с интерполяцией благодаря JSX. HTML находится непосредственно в коде вашего компонента Javascript и выглядит так же, как шаблоны Mustache. Если вы хотите разместить всю свою разметку, стиль и функциональность в одном месте, React считается чрезвычайно гибким, поскольку он обеспечивает удобство и исключительную модульность в ближайшее время.

• 3 Более высокая скорость

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

• 4 Отдельные данные и представление

WordPress использует REST API для передачи данных Redux и React, поскольку это позволяет полностью разделить данные и представление. Когда вы размещаете как можно больше своих данных в своем хранилище Redux, это, как правило, обеспечивает наилучший результат, поскольку все, что вы теряете при новом рендеринге, может перейти в состояние React. Таким образом, React дает больше, чем уровень представления для краткосрочного хранения.

• 5 Простая структура

Разработчики WordPress признались, что считают ReactJS более простым в использовании, чем многие фреймворки или библиотеки. С помощью базовых знаний в области программирования вы можете создавать и поддерживать профессиональные мобильные и веб-приложения. Кроме того, уникальный синтаксис имен JSX позволяет комбинировать Javascript и HTML.

Минусы использования React

• 1 Поощряет инструмент сборки

Сообщество React настоятельно рекомендует инструменты сборки для всех интерфейсных приложений, но настоятельно рекомендуются самые простые и достойные инструменты. Вам часто нужно использовать сценарий оболочки в файле package.json для простейшего приложения. Например, вы можете использовать такие инструменты, как Gulp, для управления большим количеством задач для более сложных приложений. Кроме того, Browserify и WebPack-Dev-Server важны для создания инструментов, которые привязаны к сценариям NPM для вашего интерфейса командной строки, не делая вещи излишне сложными.

• 2 Запрещенное лицензирование

Если вы хотите, чтобы ваши проекты были более безопасными, безошибочными и обновленными с использованием новейших функций, всегда лучше выбрать лицензионное программное обеспечение. Даже команда Automattic или WordPress решила использовать React, несмотря на то, что знала об ограничительном лицензировании, из-за которого они чуть не потеряли месяцы на переписывание Gutenberg и Calypso.

• 3 React — это не фреймворк

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

• 4 React все еще находится в стадии разработки

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

Вывод

У разработчиков WordPress есть широкий выбор фреймворков и библиотек, которые можно выбрать из React, Angular и VueJS. Кажется, разработчики немного запутались, когда дело доходит до выбора правильного фреймворка для своих проектов. Поскольку библиотеки вариантов можно использовать по-разному, например, WordPress в качестве серверной части для создания мобильного приложения, VueJS просто для одностраничного приложения или Angular2 и TypeScript в соответствии с требованиями вашего клиента и требованиями проекта.

Пользователи WordPress стремятся попробовать свои силы на веб-сайтах, используя React, чтобы увидеть памятные положительные эффекты, которые он предлагает для их проектов. WordPress всегда был на вершине, когда дело доходит до разработки пользовательского веб-сайта, поскольку он позволяет пользователям иметь множество функций, а также делает их уникальными, настраивая их в соответствии с потребностями. В конце концов, все зависит от того, как вы хотите настроить свой проект, используя лучшие параметры.

Биография автора:

Оливия Диас работает в eTatvaSoft.com, компании по разработке мобильных и веб-приложений корпоративного уровня. Будучи специалистом в области технологий, она внимательно следит за тенденциями в отрасли, уделяя особое внимание последним технологическим новостям и гаджетам.