React와 ReactNative를 사용하는 환경에서 CSS design system을 구축하기 위해 무엇을 해야하는지 설명하기 위한 슬라이드 자료입니다.

1. How could we handle Style in
ReactNative?

2. Agenda
What CSS Design System is
7 points for handling Style
The way to organize and handle our styles
Think with the information architecture of our app

3. What CSS Design System is
What is System?
CSS Design System is
The kind of CSS Design System

4. 7 points for handling Style
1. Understanding how Style works in ReactNative
2. Maintainable / Scalable
3. Readable / Easy to use
4. No sideEffect
5. Optimization
6. Cross platform
7. CSS methodology

5. Understanding how Style works in ReactNative
Stylesheet Object
Making once, Use everytime
Select styles from ID (HashTable)
create(), flatten()

6. Maintainable, Scalable, Readable and Scoping
1. Making valuables about Style
2. Modular Programming
3. Refer to CSS methodology
4. Using Platform and Helper which detect DeviceInfo

7. The way to organize and handle our styles
Stateless Functional Component
High Order Component
StyleProvider

8. I want to say that Making design system
for just only our app!
Drawing the flow about design system and have a disscusion

9. Step back and look at the Big Picture.
Think with the information architecture of our
app