Как да настроите проект на Ruby on Rails v7 с React Frontend на Ubuntu 20.04

Въведение

Ruby on Rails v7 е най-новата версия на популярната рамка за уеб приложения, която предлага множество нови функции и подобрения. React е JavaScript библиотека за изграждане на потребителски интерфейси, която се отличава с висока производителност и опростен синтаксис. Заедно Ruby on Rails и React представляват мощна комбинация за разработване на динамични и отзивчиви уеб приложения.

Това ръководство ще ви преведе през стъпка по стъпка процеса на настройка на проект на Ruby on Rails v7 с React frontend на сървър с Ubuntu 20.04. След като завършите това ръководство, ще имате функциониращо уеб приложение, което използва най-новите технологии и най-добри практики.

Стъпки за настройка

1. Инсталиране на необходимите зависимости

На първо място, трябва да инсталирате някои необходими зависимости, за да конфигурирате успешно средата за разработка.

* Ruby 2.6 или по-нова версия: Използвайте следната команда, за да инсталирате най-новата версия на Ruby:


sudo apt install ruby-full


* Node.js и npm: Node.js е необходим за изпълнение на React приложенията. Използвайте следната команда, за да инсталирате както Node.js, така и npm:


sudo apt install nodejs npm


2. Създаване на нов проект на Ruby on Rails

След като инсталирате зависимостите, можете да създадете нов проект на Ruby on Rails.

* Създайте нов директория за вашия проект:


mkdir my-app
cd my-app


* Инициализирайте нов проект на Ruby on Rails с помощта на командата rails new:


rails new my-app --api --database=postgresql


Флагът --api посочва, че създавате API приложение, а --database задава базата данни, която ще използвате. В този случай използваме PostgreSQL.

3. Инсталиране на Yarn

Yarn е мениджър на пакети, който ще използваме за инсталиране на зависимостите на React. Инсталирайте Yarn с помощта на следната команда:


npm install --global yarn


4. Добавяне на React към проекта

Създайте нова директория frontend за вашето React приложение:


mkdir frontend
cd frontend


Инициализирайте нов React проект като използвате Yarn:


yarn create react-app my-frontend


5. Свързване на React към Rails

Върнете се в директорията на основния проект:


cd ..


Добавете следния ред към файла Gemfile:


gem 'webpacker', '~> 4.0'


Изпълнете bundle install за да инсталирате gem:


bundle install


Генерирайте нови файлове за конфигуриране на Webpacker:


rails webpacker:install


Webpacker ще се използва за компилиране на React кода и за неговото включване в приложението на Rails.

6. Изпълнение на проекта

Можете да стартирате както Rails, така и React приложенията едновременно, като използвате следните команди:

* За Rails:


rails s


* За React:


cd frontend
yarn start


Rails ще се изпълнява на localhost:3000 и React ще се изпълнява на localhost:3001.

Заключение

След като следвате стъпките, описани в това ръководство, успешно настроите проект на Ruby on Rails v7 с React frontend на Ubuntu 20.04. Това ще ви предостави солидна основа за разработване на динамични и отзивчиви уеб приложения с помощта на най-новите технологии. Не забравяйте да персонализирате приложението си според вашите специфични изисквания и да проучите допълнителна документация, за да се възползвате напълно от функциите на Ruby on Rails v7 и React.

Често задавани въпроси

1. Мога ли да използвам друга база данни, различна от PostgreSQL?
Да, можете да използвате всяка база данни, която е съвместима с Ruby on Rails, като например MySQL или SQLite.

2. Мога ли да добавя други зависимости към проекта?
Да, можете да използвате Yarn или npm за да инсталирате допълнителни зависимости както за Ruby on Rails, така и за React.

3. Как да персонализирам потребителския интерфейс на React?
Можете да персонализирате потребителския интерфейс на React, като редактирате файловете в директорията frontend/src.

4. Как да разгърна Ruby on Rails приложението на производствен сървър?
Можете да разгърнете приложението си с помощта на инструмент като Capistrano или Heroku.

5. Как да архивирам Ruby on Rails приложението?
Можете да архивирате приложението си, като използвате команда като rails db:backup.

6. Как да добавя тестване към Ruby on Rails приложението?
Можете да добавите тестване към приложението си, като инсталирате скъпоценния камък rspec-rails.

7. Как да подобря производителността на Ruby on Rails приложението?
Има редица техники, които можете да използвате за подобряване на производителността, като кеширане и оптимизиране на заявки.

8. Къде мога да намеря повече информация за Ruby on Rails v7 и React?
Можете да намерите повече информация в официалната документация на Ruby on Rails и в документацията на React.