Внедрение изоморфного JavaScript (React JS) в WordPress? Wordpress react js
Внедрение изоморфного JavaScript (React JS) в WordPress? Wordpress Ask
Я не думаю, что использование React.js без Node.js (или, по крайней мере, V8 или носорога и т. Д.) Считается изоморфным, так как изоморфно означает, что вы строите JavaScript для запуска в браузере И на сервере . В частности, использование WordPress, безусловно, означает, что вы не выполняете изоморфный javascript (его программное обеспечение на PHP).
Что вы можете сделать, так это использовать WordPress в качестве сервера API REST и использовать для этого в качестве клиента React. Теперь вы можете предоставить WordPress свои активы, но вы также можете поместить его в подкаталог и рассматривать его только как приложение API с областью администрирования CMS, а также размещать файлы сайта в корне, обходя настройку темы вообще , (SEO стал бы отдельной проблемой здесь, что вам придется решать, в зависимости от типа приложения, которое вы разрабатываете.)
Вы упоминаете SEO и серверный рендеринг, поэтому я беру на себя ту часть, которую вы собрали, так это то, что вы хотите, чтобы скомпилированный html доставлялся сканерам (вместо JS, которые они не понимают), но WordPress делает это по умолчанию (хотя и с PHP , а не JavaScript и поэтому не изоморфны), но если ваша забота – это только SEO, изоморфный не является строго необходимым.
У вас может быть тема WordPress для вывода всего, что вам нужно для SEO (минимально), а затем загрузить React (или Angular or whathaveyou), чтобы создать приложение для людей с браузерами с поддержкой JavaScript (через перезагрузку / замену DOM). Затем вам придется дополнительно следить за тем, чтобы ваши маршруты соответствовали постоянным ссылкам WordPress, что немного сложно. Не то же самое, что изоморфно, но достаточно хорошо.
В качестве альтернативы вы можете использовать React.js только для «улучшения» темы (например, для раздела комментариев), но в основном вы должны быть разработчиком PHP / WordPress.
Isomorphic похож на Meteor.js и такие проекты, которые позволяют вам специально избегать PHP (и избегать WordPress). Взаимоисключающий действительно. Если вы действительно заинтересованы в изоморфности, попробуйте Meteor.js и вообще не используйте WordPress.
Я думаю, что мы находимся недалеко от возможности достичь этого довольно разумным образом. Веб-сайт WordPress.com уже перешел на приложение JavaScript, основанное на REST API с Node.js и React.
Перемещение основного программного обеспечения WordPress на более новые технологии, подобные этому, потребует времени, но если вы добавите плагины, такие как WordPress REST API, у вас должно быть все, что вам нужно, чтобы начать работу с React в WordPress.
Соответствующее чтение: http://wesbos.com/wordpress-calypso-react/
Я создавал приложение в Rails, которое сильно реагирует на JS. Это хороший проект для работы, потому что он дает мне базовое понимание того, как работает React. Зная, что я знаю об React, я бы настоятельно рекомендовал не использовать его с WP до тех пор, пока вы не освоитесь с ним вначале, я думаю, что это значительно ускорит процесс обучения, пытаясь взломать его в WP.
Сочетание React с WordPress похоже на то, что выйдет внедорожник суперкара. Возможно, сначала научиться водить суперкар.
Вот пример, который я только что встретил сегодня.
USTWO.com создали сайт с теми же требованиями, и их источник доступен здесь.
https://github.com/ustwo/ustwo.com-frontend
У них также есть хорошее описание того, как они его настраивают. См. Диаграмму ниже.
Отказ от ответственности: на самом деле это не ответ, а скорее ссылка ссылки, которую следует добавить в качестве комментария, если бы у меня было достаточно кредитов 🙂
То, что вы пытаетесь сделать, лучше всего достичь, поставив сервер node.js перед API wordpress. Вам нужно, чтобы node.js на сервере реагировал на сервер.
Вот какой код, который показывает, как отображать контент WordPress как компоненты React на сервере и присоединять к клиенту те же компоненты React.
Обратите внимание, что в этом сценарии вы получаете преимущества wordpress для создания контента, но не для публикации. Вам необходимо внедрить публикацию с нуля как компоненты React.
wordpressask.com
React.js - Видеоуроки, куры, туториалы
React.js - быстрый, мощный JavaScript фреймворк, разработанный в недрах Facebook и Instagram. Представляет широкие возможности веб-разработчкикам в разработке SPA. Как и Angular, он работает по шаблону MVC, а также может работать в связке с другими JavaScript фреймворками. React представлен в 2013, и активно поддерживается создателями и большим комюнити.
Фильтр
Доступные курсы
27-06-2018en 65 уроков 
Нет лучшей стратегии для изучения новой технологии, кроме создания собственной версии. В этом курсе мы доведем это до крайности. Сначала вы начнете с создания своего собственного Redux. Затем, как только вы поймете ins и outs Redux, вы посмотрите, как подключить этот интерфейс к пользовательскому интерфейсу JavaScript. Затем вы увидите, как React и Redux работают вместе, заменяя свой интерфейс с помощью React. После этого мы рассмотрим проблемы...
Duration 06:56:47
12-06-2018en 23 урока 
В этой серии мы погружаемся в промежуточные концепции React, где вы узнаете такие вещи, как использовать React Context API, как создать портал в React, как использовать и понимать props рендеринга, а также анимированные переходы и интерактивные анимации в React.
Duration 03:44:44
02-06-201810-05-2018 en 129 уроков udemy ReactJs, the complete guide with real world projects 
ReactJS является одним из самых востребованных фреймворков javascript, и его популярность продолжает расти, поскольку все больше компаний начинают ее принимать. Он продолжает получать популярность, и нет лучшего времени, чтобы добавить его в свой портфель. Этот курс - это совокупность всего, что вам нужно, чтобы стать профессиональным разработчиком React.Redux является библиотекой React и очень популярен в мире разработки frontend. В этом курсе...
Duration 13:36:42
30-05-201814-05-2018 en 262 урока udemy Complete Developers Guide: Ruby on Rails & React with Redux 
Научитесь разрабатывать приложения с практическими проектами. Вы хотите делать веб-приложения? Вы пришли в нужное место.В первой части этого курса Tristan Mackinlay учит вас программировать в Ruby, одном из самых удобных языков программирования. В части 2 вы узнаете, как создавать красивые, хорошо функционирующие веб-приложения с помощью React и Redux.React - эффективная и гибкая библиотека JavaScript для создания пользовательских интерфейсов....
Duration 50:19:06
Узнайте, как создать веб-приложение с помощью React, Redux и Firestore с нуля до развертывания. Вы хотите изучить React и Redux в контексте построения полного приложения? Вы хотите узнать о Firestore, новой базе данных от Google, которая предоставляет «живые данные» для нашего приложения? Вы тип ученика, который больше всего зарабатывает на создании приложения, а не смотрит на бесконечные слайды о том, как что-то должно...
Duration 24:31:30
15-05-201807-05-2018 ru 20 уроков 
2 месяца глубокого погружения в экосистему React. React - превосходно документированная библиотека. create-react-app, redux, да и сам React задали стандартны де-факто по уровню developer experience. Это позволяет на курсе по минимуму пересказывать документацию, и по максимуму учить принципам, указывать слабые места и лучшие практики.
Duration 33:42:36
09-05-2018en 14 уроков egghead Manage React Form State with redux-form 
В этом курсе мы собираемся использовать пакет redux-form для создания формы, состоянием которой легко и приятно управлять.Используя redux-form, у нас есть ресурс, который обеспечивает не только преимущества интеграции состояния формы с существующим приложением Redux, но и возможность отслеживать состояние нашей формы с точностью в Redux Dev Tools без написания большого количества шаблонов.В частности, мы собираемся выяснить, как связи redux-form...
Duration 00:46:26
02-05-2018en 22 урока 
Узнайте, как можно легко создать сайт WordPress с помощью как Next.js, так и Gatsby. В этой серии мы рассматриваем подводные камни и методы, используемые для создания невероятно быстрых сайтов WordPress с помощью React.
Duration 04:14:01
25-04-201810-04-2018 ru 12 уроков netology Курс Библиотека React: построй свою любовь к интерактивным веб-интерфейсам 
В этом курсе вы научитесь работать с React.js и сможете делать красивые, быстрые и мощные одностраничные приложения. Вы откроете для себя самую перспективную библиотеку для построения интерфейсов, и мы это закрепим на практике построив более 20 вариантов интерактивных интерфейсов.
Duration 11:48:33
Разработка и развертывание приложений не является сложной задачей. Но быть уверенным, что вы не отправляете скрытую ошибку иногда очень сложно. Знание того, как настроить и использовать инструменты тестирования имеет решающее значение для вашего успеха.
Duration 04:11:22
coursehunters.net
WordPress отказывается от React, Gutenberg будет переписан на основе другой библиотеки
На днях Мэтт Мулленвег объявил в своем блоге о том, что WordPress откажется от React в результате проблем с патентной лицензией BSD + Patents. Разработчики Gutenberg перепишут новый редактор на другом JavaScript фреймворке, и Automattic также планирует переписать и Calypso:
«У нас планировалась к публикации длинная статья о том, насколько крут React и как мы приняли его в WordPress. Мы хотели подтолкнуть разработчиков плагинов к переходу на этот фреймворк. Я надеялся, что проблема с патентами будет решена, причем решена так, чтобы наши пользователи выиграли от этого.
В итоге эта статья не будет опубликована, и вместо этого я должен сказать, что команда Gutenberg сделает шаг назад и перепишет Gutenberg с помощью другой библиотеки. Это, скорее всего, несколько задержит новый редактор (как минимум на несколько недель), и потому релиз, наверно, стоит ждать уже в следующем году».
Мулленвег пояснил, что компании Automattic нравился React, и что главный юрисконсульт компании считает, что они вряд ли когда-либо столкнулись бы с патентными спорами. Мэтт также поблагодарил Facebook за то, что они являются «одними из лучших вкладчиков в open source проекты» и за то, что они постарались разъяснить свои намерения. Мэтт в итоге решил, что ему не очень удобно работать с патентами, учитывая размеры сообщества WordPress:
Automattic также будет использовать новую библиотеку и для Calypso – это займет довольно много времени, и у Automattic не было проблем с патентами, но долгосрочная согласованность с ядром стоит больше, чем кратковременный удар по бизнесу Automattic от переписывания компонентов. Обновления ядра WordPress охватывают более четверти всех сайтов, и все они наследуют патентные права, а это мне не слишком нравится».
После того как Apache Software Foundation добавили лицензию Facebook BSD+Patents в список неподдерживаемых лицензий Category X, многие лидеры open source проектов обратились к Facebook с просьбой рассмотреть возможность релицензирования React, поскольку многие проекты на этом фреймворке пришлось бы переписывать. Facebook отказались это сделать, указав, что положение о патентах помогает им защитить свои собственные интересы, признавая при этом, что они могут потерять некоторых крупных участников сообщества React.
В прошлом Мэтт откровенно говорил о том, как Automattic целиком положились на React. Многие в сообществе считали, что решение перейти к React является предрешенным, учитывая, что на React работали Calypso и новый администраторский интерфейс Jetpack, а также новый редактор WordPress Gutenberg. Принимая дорогостоящее решение поставить Gutenberg и продукты Automattic на новый фреймворк, Мэтт показал, что он готов придерживаться максимально удобного направления для сообщества WordPress по использованию и расширению программ.
«Решение о том, какую библиотеку использовать в будущем, появится в моем блоге; это будет прежде всего техническое решение», — отметил Мэтт. – «Мы будем искать что-то, что имеет большинство преимуществ React, но без багажа в виде патентного условия, которое только сбивает с толку людей. Спасибо всем, кто нашел время поделиться своими мыслями и дать обратную связь по этим вопросам – мы все услышали».
Gutenberg, безусловно, теперь может дорабатываться дольше, и, возможно, к нему возникнет интерес и других участников, учитывая, что изучение новой библиотеки вряд ли будет настолько сложным, как в случае с React.
В конце мая разработчики ядра WordPress сузили список подходящих JavaScript фреймворков до React и Vue. Похоже, что Vue по-прежнему остается довольно сильным соперником. После того, как комментатор к посту Мэтта предложил ему переключиться на Vue, Мэтт ответил, что ему часто предлагают такой подход, и его команда уже встретилась с ведущим разработчиком фреймворка Эваном Ю.
Когда мы раньше брали интервью у Эвана, он отмечал, что он не слишком хорошо знает ядро WordPress, чтобы дать объективные рекомендации, однако он предложил обратную связь по некоторым техническим вопросам, обсуждаемым в то время. Он также развеял некоторые распространенные заблуждения касательно Vue, которые сторонники React нередко использовали в качестве аргументов против использования его фреймворка.
Мэтт также подтвердил, что Preact – еще одна библиотека, которая в данный момент рассматривается командой. Preact.js – это легкая альтернатива React, использующая то же самое API, но при этом выпускаемая под лицензией MIT. Некоторые разработчики стали спекулировать по поводу того, что в качестве замены будет выбран именно Preact, поскольку Gutenberg уже имеет тестовый бранч для Preact.
Также комментарий Мэтта по поводу того, что решение «может задержать выход Gutenberg как минимум на несколько недель, и оно появится в следующем году» возможно лишь в том случае, если команда перепишет его с использованием Preact.
Публичные отзывы о том, что WordPress планирует отойти от React, до сих пор были в целом положительными. Многие благодарны тому, что Мэтт принял трудное решение изменить курс и выбрать другую библиотеку после столь интенсивного инвестирования в React.
Дискуссия о новом фреймворке продолжается за закрытыми дверями и не является достоянием общественности, хотя pull-запрос на использование Preact в Gutenberg открыт в репозитории проекта на GitHub, и некоторые публичные обсуждения касательно выбора библиотеки ведутся именно там.
Источник: wptavern.com
oddstyle.ru
