← All courses
CourseFreeSome practice is being restored

UI Components

Build a small React Native UI kit: design tokens, buttons, badges, stat cards, progress bars, course cards, empty states, loading/error states, skeletons, notices, segmented controls and a final UI Kit screen.

Some practice is being restored. Published theory and lessons are available now. A step with a missing exercise or quiz opens for reading and is not falsely counted as complete.
Completed0 / 12
Estimated time10 ч
Modules4
Lessons12

Course lessons

Open any published lesson. Program order controls credited progress, not access to the learning material.

1Tokens, buttons и badges3 lessons0 / 3
Design tokens: цвета и отступыOpen
Button variants: primary и secondaryOpen
Badge component: FREE, PRO, NEWOpen
2Карточки и progress3 lessons0 / 3
StatCard: card метрикиOpen
ProgressBar: progress courseOpen
CourseCard UI: card courseOpen
3Состояния интерфейса4 lessons0 / 4
EmptyState: empty stateOpen
Loading и Error statesOpen
Skeleton cardOpen
NoticeCard: info/warning/errorOpen
4Композиция и финальный UI Kit2 lessons0 / 2
SegmentedControl: tabs-переключательOpen
Final project: UI Kit screenOpen