Я здесь, я, наконец, подошел к концу своего буткемпа в Flatiron School , и какое это было приключение. Это мой последний проект перед тем, как я окунусь в технологическую отрасль и возьму ее штурмом. Этот проект выполнен с использованием Rails API во внутренней части и React-Redux во внешней части. Я хотел сделать что-то, что имело бы какое-то отношение ко мне в моих усилиях по поиску работы, приложение, которое служило бы ресурсом для всех моих контактов в одном месте, я называю его Job.Bnb — праздник вакансий для моих ненасытных аппетит к успеху.
API, сокращенно от Application Programming Interface, позволяет одной системе взаимодействовать с другими внешними системами. API абстрагирует любую сложную логику системы и представляет нечто, с чем проще взаимодействовать или на чем основываться. Это чрезвычайно полезно для сбора данных таким образом, чтобы их было легче извлекать. Если вы программист, то вы захотите использовать данные для манипулирования. В Rails вы можете создать свой собственный API, который отображается в строках JSON, что имеет решающее значение для работы с манипулированием JavaScript DOM. Для этого мне пришлось ввести «rails new my_api — api» на моем сервере.
Теперь, когда у меня был свой API, другой частью моего фреймворка стал React. Это обеспечивает стандартизированный способ создания и развертывания частей моего веб-приложения. Это также позволило мне направить свою энергию на создание хорошего опыта для моих пользователей.
React — это фреймворк, созданный на основе JavaScript, который также предоставляет особый способ организации и структурирования дизайна веб-приложения. Эту концепцию было трудно понять, однако мне очень понравилось ее использовать, и со временем я собираюсь приложить усилия, чтобы стать в ней мастером.
Одна из замечательных особенностей React — это виртуальный DOM, который обеспечивает быструю и эффективную визуализацию контента. Отлично подходит для интерактивных приложений;
- структура декларативного письма, позволяющая вам просто указать, как должно выглядеть ваше приложение, и позволить React обрабатывать обновления и базовые изменения данных;
- Babel: включенный транспилятор, который преобразует современный JavaScript и пользовательский код, такой как JSX, в более широко совместимый JavaScript;
- Webpack: сборщик, который берет на себя всю нашу работу вместе со всем необходимым кодом зависимостей и упаковывает все это в один переносимый пакет.
- Встроенная функциональность ESLint, помогающая улучшить наш код;
Вы можете легко запустить приложение React, введя в консоли следующее:
Самый маленький пример React выглядит так:
Когда мой проект начал расти, я понял, что мне нужно что-то, чтобы помочь мне с моим состоянием, поэтому приходит Redux — Redux поощряет хранение всех необходимых данных в нашем приложении в объекте JavaScript separate из наших компонентов.
Базовая библиотека Redux доступна в виде пакета на NPM для использования с сборщиком модулей или в приложении Node:
Другой частью моего проекта была имплантация Redux-Thunk, промежуточного программного обеспечения, которое позволяет нам немного изменять поведение наших действий, позволяя нам добавлять асинхронные запросы. Redux-Thunk — это способ отправить действие, говорящее, что мы загружаем данные, затем сделать запрос к API, дождаться этого ответа и затем отправить другое действие с данными ответа.
Если вы хотите использовать Redux-Thunk, вам нужно будет установить менеджер пакетов NPM следующим образом:
В конце использования этих фреймворков и промежуточного программного обеспечения я получил то, чем я горжусь, прекрасное приложение под названием Job.Bnb.
Посмотрите это на YouTube здесь👇🏽
Я так благодарен всем, кто помогал мне, поддерживал и вдохновлял меня в школе Flatiron. Спасибо.
Мир технологий, вот и я. 🚀
