Этап 2 «РЕАКТ.JS»

Путешествие было трудным на этом этапе. Начав, я заразился ковидом на 2-й день фазы, и следующие пару недель борьба была реальной.

React был для меня совершенно новой концепцией, и учиться, борясь с этим вирусом, требовало большой решимости. В течение первой недели у меня на доске была цитата, которую я читал каждое утро, иногда по нескольку раз в день. Цитата была из известного философа Куаво: «Ничего, кроме небольшого выпрямления». Это подтолкнуло меня приложить дополнительные усилия, чтобы не отставать.

Моими основными трудностями в React были хуки, состояние и React Router. Реагирует на хук useState(https://reactjs.org/docs/hooks-state.html) был жизненно важной частью нашего проекта фазы 2, и я рад, что потратил дополнительное время, погрузившись в него и полностью его поняв. Наш проект фазы 2 был одностраничным приложением, поэтому react-router(https://v5.reactrouter.com/web/guides/quick-start ) было обязательно.

Неделя проектов прошла отлично! Мы решили создать веб-приложение, которое позволяет пользователям добавлять информацию о фильмах, оценивать фильмы, голосовать за их любимые фильмы и отображать список из 10 наиболее понравившихся и 10 не понравившихся фильмов. Вот несколько снимков экрана:

Целевая страница имеет раскрывающееся меню навигации слева и контейнер в центре, который отображает наш заголовок, изображение и карусель. Все изображения в карусели кликабельны и отображают соответствующую страницу фильма.
Форма довольно понятная. Пользователи заполняют форму, и при отправке данные JSON отправляются в наш RESTful API.
Список фильмов генерируется из нашего API с помощью запроса на получение. Список также позволяет сортировать и искать фильмы.
Страница рейтинга создается компонентом, который сравнивает количество лайков каждого объекта и выводит их в соответствующий список.
На странице сведений о фильме также есть запрос на получение, который использует идентификатор выбранного фильма для отображения данных этого конкретного фильма. Этот компонент также имеет запрос на размещение, который обновляет лайки в API после лайков или дизлайков.

Suggested posts

Как избежать разрушительных последствий инсульта: уроки семейного опыта.

Как избежать разрушительных последствий инсульта: уроки семейного опыта.

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

Мои наиболее используемые ресурсы кодирования

Мои наиболее используемые ресурсы кодирования

На этой неделе я получил электронное письмо от участника ежедневного списка рассылки. Они хотели знать: какие ресурсы вы посещаете ежедневно, еженедельно и ежемесячно? Отличный вопрос! Я рад поделиться некоторыми мыслями о моем рабочем процессе и основных ресурсах, которые я использую.

Related posts

Журнал

Журнал

Открытый дневник: картинка в день. Меня всегда завораживали истории.

Переосмысление медиа: пять истин Макчесни и будущее коммуникаций

В современном гиперсвязанном мире системы СМИ играют ключевую роль в формировании общественного мнения и, следовательно, в демократическом принятии решений. В своем глубоком анализе политической экономии коммуникации ученый Роберт МакЧесни бросает вызов общепринятому мнению и представляет то, что он называет «пятью истинами» о СМИ.

Архив этой угрозы: Том 7 Черный Баста

Архив этой угрозы: Том 7 Черный Баста

В современном взаимосвязанном мире угроза кибератак более распространена, чем когда-либо. Киберпреступники и государственные деятели постоянно стремятся использовать уязвимости и украсть ценные данные, подвергая организации любого размера значительному риску.

местоимения очень страшные

Это поражает меня Внезапно, как это часто бывает, Это снова и снова на полпути <Нет, не то, что в Тихом океане, ты темно-бордовый, то, что на карнавале> Каждый громкий заголовок…..