MetaMask / MetaMask/metamask-design-system

Consider to use `uniwind` instead of `tailwind` for react-native 🚀

Open
#1,220 0 comments 0 reactions 0 assignees View on GitHub
team-design-system
Dominant language
TypeScript
Stars
37
Forks
14
Avg merge
1d 9h
Merged PRs (30d)
60

Description

### **Description**

We may try to consider to use `uniwind` for `react-native`. This is the fastest Tailwind bindings for react-naitve so it may improve performance rendering and make app faster 🚀

### **Technical Details**

All technical information can be found in https://uniwind.dev/

But first of all we need to gather before/after metrics to actually confirm that uniwind is faster in Metamask app.

### **Acceptance Criteria**

- no visual regressions
- proved faster rendering (especially for frequently visited screens)

### **References**

- https://uniwind.dev/

Contributor guide

Open the contributing guide

Research direction

Start by reading the linked uniwind documentation and establishing before/after rendering metrics for the MetaMask app, especially on frequently visited screens. Compare the current React Native Tailwind setup with uniwind; completion requires evidence of faster rendering and no visual regressions.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, tailwind, typescript
Domain
mobile, performance
Issue type
Refactor
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.