Kurs Material UI w React

Czego się nauczysz ?

W kursie nauczysz się wykorzystywać szybkość oraz elastyczność jaką daje Ci gotowa biblioteka komponentów dla Reacta. Zobaczysz jak tworzyć funkcjonalne, a zarazem dobrze wyglądające aplikacje internetowe za pomocą Material UI. W wielu kursach programowania wygląd interfejsu użytkownika jest często pomijany. Z naszym kursem zobaczysz, że wcale tak być nie musi. Wystarczy znajomość stosowania gotowych elementów i umiejętność wdrażania ich w kodzie. Jednak, żeby nauka nie polegała tylko na suchym omówieniu wszystkich komponentów podczas kursu stworzysz prostą aplikację. Dodatkowo jedna lekcja przeznaczona została na pokazanie współpracy Material UI z Reduxem.

• Czym jest biblioteka Material UI i jak ją zainstalować?

• Jak wdrażać do projektu wybrane elementy biblioteki?

• Jak na dwa sposoby stylizować komponenty?

• Jak wdrażać motyw z wykorzystaniem Material UI?

• Co to są propsy?

• Stworzysz kilka małych aplikacji

• Jak tworzyć formularze i checkboxy?

• Jak tworzyć snackbary z wykorzystaniem Reduxa?

• Stworzysz przyjazne interfejsy

Twórz przyjazne interfejsy

Myślenie o przyjaznym dla użytkownika interfejsie nie polega tylko na jego prawidłowym zakodowaniu. W parze idzie również zadbanie o wizualną stronę aplikacji. W tym celu wykorzystasz wytyczne jakie oferuje Google. Za pomocą Material UI dostosujesz motywy, style i kolory. Zaprojektujesz przyjemne i przyciągające wzrok interfejsy użytkownika.

Stylowanie w React

Sposobów na stylowanie interfejsów użytkownika w React jest bardzo dużo. Pomagają w tym różnego rodzaju frameworki, biblioteki, moduły. Jednym z popularniejszych rozwiązań jest wybór komponentów o nazwie Material UI. Można to przyrównać do półki w sklepie, na której leżą buty. W zależności od tego jak chcesz wyglądać wybierasz odpowiedni but. Tak samo jest z komponentami material UI. Wystarczy wybrać potrzebny element, a w zamian otrzymasz kod, gotowy do wdrożenia w Twojej aplikacji.

Co to jest Material UI?

Wielu developerów często ma problem z graficznym wykończeniem tworzonej aplikacji. Zaprojektowanie graficznej części aplikacji pochłania mnóstwo czasu, a często efekt końcowy nie jest zbyt imponujący. Stara prawda mówi, że programista nie będzie dobrym grafikiem, a grafik nie będzie dobrym programistą. Dlatego też w 2004 roku Google postawiło ułatwić to zadanie tworząc bibliotekę gotowych wzorców, którą nazwano material design.

Są to gotowe wytyczne dla grafików, chcących projektować w płaskim stylu material design. Wychodząc naprzeciw programistom stworzono bibliotekę material UI, które czerpie wzorce z material design i opakowuje to w Reactowe komponenty. Dzięki temu można o wiele łatwiej i szybciej tworzyć strony i aplikacje internetowe.

Popularnosć płaskiego stylu

Styl material design czyli tzw. płaski styl wdrażany jest w większości aplikacji oraz stron internetowych. Minimalistyczne projektowanie wyznaczyło trendy już dobre parę lat temu i do dzisiaj pozostaje głównym stylem stosowanym przez projektantów. Dlatego dobrze, byś jako programista potrafił tworzyć stosując obowiązujące trendy.