[講座摘要] React/ReactNative 應用程式樣式設計 — Max Stoiber
2018年1月8日1 分鐘閱讀

[講座摘要] React/ReactNative 應用程式樣式設計 — Max Stoiber

這篇文章是通過 AI 翻譯生成,可能有不準確之處。

這是一個關於我們如何從「基於文檔的網頁開發、基於類名的樣式設計」轉換到「基於組件的網頁開發和樣式設計」的精彩演講,但如果你沒有時間觀看的話,以下是這個演講的簡短摘要。


  1. 類名只是一種映射。如果你可以使用組件,並且樣式只應用於這個組件,那麼你根本不需要類名。

  2. styled-components 是在 JS 組件中編寫「真正」CSS 的解決方案。你可以寫 font-size 而不是 fontSize。你還可以使用媒體查詢、使用 props 進行條件樣式設計、JavaScript 函數、內建主題等等。(查看文檔

  3. styled-components 支援 react-native。據我所知,只有 styled-componentsfelaglamorous 支援 react-native。請參見 Awesome CSS in JS


希望這能幫你節省一些時間,謝謝。