Как я научился развертывать приложение React Router на Gh-страницах

Обо мне

Я разработчик программного обеспечения с полным стеком, миссия которого заключается в создании лучшего мира для нигерийской молодежи с помощью образования, программирования и технологий. Я специализируюсь на создании веб-приложений с использованием технологий javascript, таких как react, angular, node; будь то внешний интерфейс, UI / UX или серверное приложение, я всегда готов заняться собой. Я научился приносить пользу любой команде или сообществу, в котором я нахожусь. В свободное время я играю в баскетбол или видеоигры.

Почему я хотел научиться развертыванию приложения React Router на Gh-страницах

Я люблю реагировать из-за простоты, которую он дает мне в манипулировании DOM и его разделении задач, в отличие от jquery. С тех пор, как я понял, как это работает с Redux, меня продали, но я научился этому, создав и сервер, и клиент как одно приложение, пока я не стал просто командой разработчиков в своей компании, работающей над проектом наставничества для компании. Меня увлекло то, как мы построили переднюю часть (Angular) и внутреннюю часть (Lumen) по отдельности и смогли соединить их оба. Это заставило меня исследовать, как это работает с реакцией, а затем я наткнулся наcreate react app.

Как я подошел к изучению развертывания приложения React Router на Gh-страницах

Работать с приложением для создания реакции было довольно легко, в отличие от начальной загрузки с нуля, и я хочу посмотреть, смогу ли я создать быстрое приложение с firebase. Итак, я смотрю несколько руководств по настройке firebase. Я применил это к своему приложению для регистрации и смог создать приложение, аутентифицирующее пользователей и позволившее им выбрать сотрудника, которого они хотели видеть, и написать причину визита.

Проблемы, с которыми я столкнулся

Это было очень простое приложение, но доставило мне некоторые головные боли, потому что мне нужно было добавить реагирующий маршрутизатор и защитить некоторые маршруты от незарегистрированных пользователей, и это стало проблемой, потому что реагирующий маршрутизатор 4 отличался от версии, которую я использовал, и написание функции более высокого порядка было более сложным. Я смог решить эту проблему, но снова столкнулся с другой проблемой с реактивным маршрутизатором, когда я развернулся на gh-страницах. это потребовало от меня некоторого исследования, пока я не обнаружил, что у BrowserRouter были проблемы с gh-страницами из-за того, что gp-страницы думают о вашем приложении как об одностраничном приложении и требуют только одного маршрута, загрузка которого больше маршрута не будет работать из-за того, как он настроен, поэтому мне пришлось передать реквизит под названием basename="/name of the repo" к тегу BrowserRouter, чтобы решить эту проблему.

Основные выводы

Я научился читать некоторую информацию о документации каждого фреймворка или библиотеки, прежде чем использовать их. Решение моей проблемы было в документации или в указателе, и я не заметил, пока не провел 2 дня в Интернете.

Советы и советы

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

Заключительные мысли и следующие шаги

С нетерпением жду следующей работы с graphql, не могу дождаться, чтобы поделиться с вами своим опытом.