Skip to content

➡ Możliwości stylowania (definiowania wyglądu) komponentów w Reakcie jest bardzo dużo – w szczególności gdy spojrzy się na listę rozwiązań CSS in JS. My skupimy się na jednym z najpopularniejszych narzędzi: Styled Components.

Notifications You must be signed in to change notification settings

devmentor-pl/practice-react-styling

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎯 Chcę mieć absolutną pewność, że darmowe materiały, które publikuję, spełniają Twoje oczekiwania. Dlatego oferuję Ci ebooka o wartości 39 PLN: Jak zostać programistą? SKUTECZNY PRZEWODNIK w zamian za wypełnienie ankiety.

 

React: Stylowanie

Możliwości stylowania (definiowania wyglądu) komponentów w Reakcie jest bardzo dużo – w szczególności gdy spojrzy się na listę rozwiązań CSS in JS. My skupimy się na jednym z najpopularniejszych narzędzi: Styled Components.

Twoim zadaniem będzie przygotować w każdym zadaniu inny komponent (lub zestaw komponentów), wzorując się na frameworku React Boostrap, który został już podpięty do naszej konfiguracji. Wystarczy tylko zainstalować zależności przez npm i i uruchomić przy pomocy npm start.

 

Zadania

🔥 Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu. O wynikach losowania będę informował w piątkowym newsletterze, dlatego już teraz zachęcam Cię do zapisania się na niego. Życzę Ci efektywnej nauki programowania! Pozdrawiam, Mateusz Bogolubow.

 

👉   #01   #02   #03   #04   #05   👈

 

⬅️ poprzedni zestaw zadań (React: Nowoczesny)

 

Jak prawidłowo wykonać zadania?

Najpierw zrób tzw. fork (prawy, górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub.

Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy git clone.

Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.

Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend git add oraz git commit.

Aby wysłać dane na zdalny serwer, wystarczy komenda git push.

Po wysłaniu plików na GitHuba zrób Pull Request, abym mógł wykonać Code Review Twoich zadań.

About

➡ Możliwości stylowania (definiowania wyglądu) komponentów w Reakcie jest bardzo dużo – w szczególności gdy spojrzy się na listę rozwiązań CSS in JS. My skupimy się na jednym z najpopularniejszych narzędzi: Styled Components.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Contributors 2

  •  
  •