Opublikowano sob 12 grudnia 2020 w react • Tagi: react • 2 min read
Ant Design jest biblioteką do stylowania komponentów Reactowych (współpracuje również z VUE oraz Angularem (NG-ZORRO)) utrzymywana przez Grupę Alibaba
Stworzenie projektu
npx create-react-app antd_form
Dodanie zależności -> antd
npm add antd
Zaimportowanie do App.js odpowiedniego komponentu oraz CSS do App …
Opublikowano sob 05 grudnia 2020 w react • Tagi: react, css, radium, styled components, styled-components, css modules • 2 min read
Kolejnym sposobem na indywidualne stylowanie komponentów lub jego elementów w React są CSS Modules, który oparty jest na rozgraniczeniu warstwy CSS do osobnego pliku, następnie zaimportowania go do pliku zawierającego komponent i wykorzystywania tego importu (obiektu) w oparciu o przypisane do niego style, traktowane jako moduły.
W takim ujęciu style …
Opublikowano ptk 04 grudnia 2020 w react • Tagi: react, css, radium, styled components, styled-components, css modules • 2 min read
Biblioteka styled components po wyrenderowaniu nadaje własne nazwy klas, a informację przechowuje w head dokumentu, nie jest to zatem styl inlinowy.
Instalacja
npm i --save styled-components
1 - Import np. w App.js
import styled from 'styled-components'
2 - Użytkowanie odwołanie się do metod obiektu styled np. div, h1 etc …