![[講座摘要] React/ReactNative 應用程式樣式設計 — Max Stoiber](/images/article/2018-01-08-talk-summary-styling-react-applications-max-stoiber/talk-thumbnail.png)
2018年1月8日1 分鐘閱讀
[講座摘要] React/ReactNative 應用程式樣式設計 — Max Stoiber
這篇文章是通過 AI 翻譯生成,可能有不準確之處。
這是一個關於我們如何從「基於文檔的網頁開發、基於類名的樣式設計」轉換到「基於組件的網頁開發和樣式設計」的精彩演講,但如果你沒有時間觀看的話,以下是這個演講的簡短摘要。
-
類名只是一種映射。如果你可以使用組件,並且樣式只應用於這個組件,那麼你根本不需要類名。
-
styled-components
是在 JS 組件中編寫「真正」CSS 的解決方案。你可以寫font-size
而不是fontSize
。你還可以使用媒體查詢、使用 props 進行條件樣式設計、JavaScript 函數、內建主題等等。(查看文檔) -
styled-components
支援 react-native。據我所知,只有styled-components
、fela
和glamorous
支援 react-native。請參見 Awesome CSS in JS。
希望這能幫你節省一些時間,謝謝。