React - очень распространенный инструмент, который сегодня используется при разработке многих проектов в технологической индустрии. Это полезно для тестирования и решения проблем, прежде чем проекты можно будет развернуть для широкой публики и пользователей. Преимущество состоит в том, что инженеры могут находить ошибки и проблемы, возникающие на этапе разработки, и быстро их устранять без необходимости постоянно перезагружать HTML-страницу. Для этого проекта React был основой, которая удерживала и соединяла все, чтобы пользователи могли получать помощь в процессе поиска работы.
Панель инструментов создана полностью с использованием React JS и направлена на решение общей проблемы многих выпускников колледжей, разработчиков и соискателей. Найти работу сложнее, чем многие думают, из-за большого количества сайтов с вакансиями, из-за того, что вас заметили в группе заявок, или просто из-за подготовки к следующему собеседованию. Сложно все организовать и найти работу, которая подходит этому человеку. Чтобы помочь в этом напряженном процессе, Dashboard помогает организовать ваше расписание, а также выполняет поиск вакансий, связанных с вашей областью в области программного обеспечения или веб-разработки.
Панель инструментов состоит из календаря, часов и повестки дня, чтобы помочь пользователям систематизировать предстоящие события или планы. Работа и новости поступают с использованием данных с API GitHubJobs и HackerNews. Пользователи также могут просматривать информацию о местных событиях с помощью MeetUp API и могут проверять погоду в том или ином месте через OpenWeather.com. Пользователи могут составить повестку дня на предстоящие недели и напомнить себе о любых задачах, которые им необходимо выполнить.
Это приложение создано с использованием базы данных Mongo, поскольку между пользователями не так много отношений, логин и регистрация создаются с использованием паспорта, а стиль - Material-UI с Particle JS.
В приведенном выше коде показано, как каждый маршрут устанавливается с соответствующими значками и файлами, которые должны отображаться при нажатии.
После щелчка по значку в API отправляется запрос информации о значке, и ответ сохраняется в переменной состояния до тех пор, пока он не будет использован позже для отображения информации на странице для пользователя.
Функция handleClickOpen проверяет, был ли нажат значок, а затем отправляет запрос API. После сохранения ответа информация отображается и монтируется на страницу с помощью функции componentDidMount (). Функция handleClose выполняется всякий раз, когда пользователь щелкает другой значок, покидая текущую страницу.
После получения информации из API мы используем компоненты пользовательского интерфейса материала Card, чтобы организовать их, а map создает по одному для каждого задания. Каждая карточка включает заголовок и ссылку на задание, которое с помощью onClick переходит на другую вкладку.
React.JS - мощный инструмент, которым могут овладеть многие разработчики, так что проекты можно развертывать быстрее и быстрее устранять ошибки. Моя перспектива для этого проекта заключается в том, что я рад работать в группе над созданием полезного приложения для многих пользователей, и при разработке с react были свои проблемы, но мы работали вместе, чтобы найти решения и в итоге получили отличный рабочий проект. . Нашей самой большой проблемой было понимание реакции и того, как она работает, поскольку количество файлов в одной исходной папке вызывало некоторую путаницу при подключении каждого из них для создания полностью работающего сайта. Из-за чувствительности изменений, которые могут произойти и вызвать множественные ошибки, наша группа выполняла парное программирование несколько раз и последовательно проверяла консоль и код для устранения ошибок, возникающих в других файлах, пока мы их изменяли. Но в итоге этот проект получился отличным и полезен для многих пользователей, пока они ищут возможность начать свою карьеру и отправиться в путешествие в будущее.
Ссылка на Github
