Автор оригинала: Andrei Zgirvaci.
Как многие из вас, наверное, знают, недавно я Построил свой веб-сайт портфолио в Next.js Отказ Для укладки я решил попробовать библиотеку Tailwindcss, поскольку она набирает довольно много популярности в данный момент. Я был удивлен тем, насколько хорошо он разыгрался в конце.
Мне очень наслаждалось очень многочисленные занятия, вместо того, чтобы указывать мои элементы, встроенные или придумывающие имена классов для них. Он много повысил производительность, и я пришел, чтобы оценить много утилиты первого подхода!
Но это должно прийти к концу, так как я реагирующую родную, и мне придется вернуться, чтобы написать встроенные стили или я? Я не могу!
Как я начинаю Мой новый стартап Теперь я всегда люблю пробовать новые вещи и учиться от прошлого опыта. То, что я узнал из моих прошлых проектов, это то, что мне не нравится, как я стиль свои компоненты, что бы хранить свои стили за пределами компонентов или делать встроенные стили или делать оба, он не сравнится с тем, насколько быстрее я использую построить компоненты с хвостом.
Вот что заставило меня начать искать по репозиториям Google для библиотек для укладки. Я нашел несколько библиотек, которые пытаются изменить способ изменить компоненты стиля в реакции нативно:
Я прошел через все, но он все еще не чувствовал себя правильно. То, что я нашел позже, был: github.com/vadimdemedes/tailwind-rn И этот действительно резонированный со мной! 😊.
Это в основном хвостовик, но сделано совместимым с реактивным родным! Сегодня был мой первый день пробовать его в реальном проекте, поэтому я посмотрю, как это работает, но до сих пор мне нравится! 👏.
Конечно, есть случаи, когда я собираюсь повторно использовать стили в разных компонентах, но для этого я просто сделаю это:
import { StyleSheet } from 'react-native';
import tailwind from 'tailwind-rn'; export default StyleSheet.create({ container: { ...tailwind('flex-1 p-12 justify-between items-stretch'),
},
});
Как видите, я все еще использую классы утилиты для хвоста, но я завернул его в контейнер, чтобы я мог повторно использовать его в других компонентах! Красота обоих слов! 😁.
Это за сегодня друзья! Я буду держать вас в курсе вещей, которые я учусь по пути строительства мое новое приложение Отказ До тех пор возьми удивительный отдых вашего дня! До завтра! 😊.
P.S 🤫 Я недавно начал подкаст под названием Тревожный разработчик Где я разделяю свои знания о том, как уменьшить стресс, стать более присутствующим и продуктивным в качестве разработчика. Я хотел бы услышать ваши мысли об этом! 😊.
Помните, вы достойны, вы любили и имеете дело! Хорошего дня! ❤️.