Я работаю над веб-приложением под названием «Heat», единственная цель приложения — помочь мне изучить и применить JavaScript, а также улучшить мой CSS, а также множество серверных частей. План состоял в том, чтобы создать визуально привлекательное веб-приложение с парой интересных функций.

Чему я научился в процессе:

Фронтенд создан с использованием React JS, я выбрал React просто из любопытства и для того, чтобы узнать, о чем идет речь. Одной из моих целей была интеграция некоторых API Google в проект, я выбрал Google Maps API, я использую его для автозаполнения панели поиска. Реализация не была слишком сложной благодаря библиотеке Reacts -> @react-google-maps/api, которая помогает интегрировать функции Google Maps для реагирования приложений. Компонент поиска будет интегрирован с разделом добавления ресторанов.

Фронтенд размещен на netlify, который связан с моим github и автоматически обновляет приложение при каждом нажатии на удаленный репозиторий, это было довольно просто.

Heat — это одностраничное приложение (SPA), реализация которого управляется через DOM React Router. Оно обеспечивает навигацию на стороне клиента путем сопоставления URL-адресов с компонентами. Это означает, что пользователи могут посещать разные части приложения по разным URL-адресам, даже если все приложение загружается как одна HTML-страница.

Над чем я сейчас работаю:

В настоящее время я работаю над элементами приложения «Регистрация», «Вход» и «Выход», которые поддерживаются Flask/Python. Flask также имеет несколько библиотек, которые помогают в процессе разработки, например SQLAlchemy и Login Manager. Внутренняя часть требует более плавного обучения по сравнению с внешней частью. Я все еще борюсь с useState и useEffect, которые являются ключевыми крючками в реакции для управления состоянием.

После завершения элемента аутентификации приложения я рассматриваю возможность перехода на Java для BackEnd. Мысли?

Множество знаний. #React #JavaScript #Flask #WebDevelopment