Добре дошли в последната глава от тази поредица. Извървяхме доста пътешествие. Научихме как да създаваме просто приложение с помощта на React. В тази глава ще научим как да използваме външни CSS библиотеки. И добавете малко искра към нашето приложение. Ще използваме materialize-css. Така че нека да започнем
Изпълнение в директорията на проекта
npm install --save materialize-css
Това ще изтегли библиотеката. Сега трябва да го свържем с нашето приложение. В App.js
добавете 2 импортирания в началото на файла. Трябва да импортираме CSS файл
import “materialize-css/dist/css/materialize.min.css”
И JS файл
import “materialize-css/dist/js/materialize.min.js”
Сега всичко, което остава, е просто да следвате документацията за материализиране. Потърсете компонентите, които искаме да използваме, и променете нашето приложение. Няма да разглеждам всички промени, които правя, защото това е най-вече просто копиране. Вместо това ще дам връзка към примера. Има целия код на нашето приложение. Чувствайте се свободни да го разгледате. Чувствайте се свободни да го изтеглите и стартирате локално. Всички инструкции са във файла projectREADME
.
И това е общо взето за тази серия. Знам… Сигурно питате. Това е? Отговорът е, разбира се, че не. Има много неща, които трябва да научите. И ще напиша още уроци за това. Но структурата ще се промени малко. Всяка публикация ще бъде по-сложна. Ще започне от нулата. И ще завърши с работещо примерно приложение. Съдържанието също ще се промени. Фокусът все още ще бъде върху React, разбира се. Но ще покажа как да го интегрирам с други библиотеки, като Redux, Firebase, Backend API и т.н.
Така че определено очаквайте следващите уроци. Тази серия свърши. И ни чака светло бъдеще. До следващия път.