Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

Wpis użytkownika PeBe w Programowanie

Zawodowiec

w Programowanie

6

Heja.

Zwracam z pytaniem do wszystkich @programista

Szukam rozwiązania na stylizowanie elementów z poziomu aplikacji, a dokładniej, tyczy się to wystawionego przeze mnie wątku https://www.hejto.pl/wpis/hejka-hejto-spolecznosci-chcialem-wam-przedstawic-projekt-nad-ktorym-pracuje-od-

Layout który jest tworzony składa się z elementów. Na chwilę obecną, wszystkie style definiujące te elementy, są zaszyte w aplikacji, co nie daje możliwości definiowania własnych styli.
Jako że, każdy element mogę rozwinąć o własny, definiowalny styl/style, szukam ciekawego rozwiązania, które nie byłoby nadmiernie rozbudowane pod kątem implementacji. Najlepiej, jakby można było to robić w formie tekstowej, tak jak się to czyni dla CSS/SCSS 😛

Znalazłem bibliotekę Radium (https://github.com/formidablelabs/radium) która pozwala stylizować komponenty Reacta. Nie jest źle, jednak:
- potrzeba przebudować wszystke elementy ( i tak pewnie będę musiał to zrobić)
- style trzymane w objektach - możnaby wykorzystać JSON, ale jakoś mi to nie za bardzo pasuje 😛

Czy ktoś z Was, Programistów, jest w posiadaniu wiedzy, pozwalającej rozwiązać mój problemik? ^_^

Komentarze (6)

Zawodowiec1

@hejto_pejto ehh... trochę jak baba (bez urazy dla Kobiet) się zachowuje, bo...

Jednak postaram się wykorzystać wspomniana bibliotekę Radium.
Pełna swoboda nie jest wskazana. Trzeba to analizować, czy się nie przekroczyło "uprawnień", sprawdzać składnie idp. itd. Za dużo, zbędnego kodu :zany_face:

Mimo, że Radium dekoruje komponent, daje ciekawe możliwości, a przede wszystkim, chermeryzuje style tylko do obrębu komponenty. To duży plus. Mogę narzucić klasy jakie można definiować, i wiele innych...

Ale, tak czy inaczej. Dobrze znać wymienione przez Ciebie rozwiazanie. Nigdy nie wiadomo, kiedy się może przydać. 👍:zap:

Zawodowiec2

@hejto_pejto Niom... i elegancko ^_^ (chyba) o to mi chodziło 🙂 Dzięki bardzo

Zawodowiec2

@hejto_pejto Wczytuję się w przesłany dokument

Specjalista2

@PeBe jeśli chcesz mieć pełną dowolność w definiowaniu styli i używać selektorów to najłatwiejszym rozwiązaniem byłoby dodawanie znacznika <style> i przesyłanie styli w atrybucie dangerouslySetInnerHTML https://medium.learnreact.com/the-style-tag-and-react-24d6dd3ca974

Zawodowiec0

Kurcze, nie problem się napisać, tylko zrobić to tak, aby było to z sensem i było praktyczne. Stąd wizja raczej tekstowej definicji styli, najlepiej opartej o selektory :yum: