Публикации по теме 'tailwind-css'


Стоит ли использовать Tailwind CSS?
Я никогда не собирался специально разрушать какую-либо технологию. Я считаю, что у каждой технологии есть свой допустимый вариант использования. Но как разработчику необходимо проанализировать технологию, а также ее плюсы и минусы, прежде чем следовать тенденции принятия ее ради нее. Одна из новейших технологий, которой в наши дни уделяется много внимания, - это Tailwind CSS. Когда я впервые услышал об этом, меня сразу же заинтересовало мое естественное пристрастие к миру фронтендов...
Способы сделать ваш код React более эффективным
Узнайте, как люди недостаточно используют React Узнайте методы, которые вы, возможно, упускаете из виду React — это мощная библиотека для создания пользовательских интерфейсов, а Typescript — отличное дополнение для обеспечения безопасности типов в ваших приложениях. При создании элементов React с помощью Typescript можно использовать несколько различных подходов, некоторые из которых более эффективны, чем другие. В этом руководстве мы рассмотрим наиболее эффективный способ создания..
Масштабируемые формы - React-TS - в 2 настраиваемых хуках и 1 объекте
У нас будет массив объектов, определяющий нашу форму. Свойства из объектов будут свойствами из входных данных нашей формы. Эти объекты должны иметь одинаковый интерфейс. Массив может храниться в серверной части или в каталоге во внешнем интерфейсе, решать вам. Затем у нас будет ловушка, возвращающая объект, который будет отображать свойства из свойств объекта одно за другим и возвращать входной компонент с переданными нами свойствами. Для обработки формы я буду использовать созданный..
Попутный ветер — это антипаттерн
Давайте откроем ящик Шредингера, чтобы посмотреть, что внутри. Спойлер: это дохлый кот. Многим нравится так называемый подход Tailwind, ориентированный на полезность, и я понимаю, почему. Однако вы должны знать, что в этой технике нет ничего нового. На самом деле, задолго до Bootstrap существовали небольшие фрагменты CSS, которые поставлялись с такими классами, как .p-8 . Они не считались библиотекой или фреймворком; они были просто фрагментами, копируемыми из проекта в проект...
Интересное Чтение — том №13
Уууу, мы уже на счастливом числе 13! А вы знали, что число 13 считается у китайцев счастливым? Хорошо, лучше сразу приступайте к прокрутке (и, надеюсь, кликам)! Включая @adamwathan , @marcelpociot , @calebporzio и многих других. Expose и Laravel Playground Marcel Pociot был продуктивным в последние пару месяцев и создал Expose , бесплатную службу туннелирования с открытым исходным кодом (альтернатива ngrok), написанную на чистом PHP. Это позволяет вам делиться своими..
Добавьте Tailwind CSS в популярный шаблон Electron React Boilerplate (ERB)
Поскольку это заняло у меня больше времени, чем следовало, и поскольку конфигурация веб-пакетов ERB довольно запутанная, я решил поделиться с вами, как я добавил TailwindCSS в свой проект ERB. Следующие шаги могут отличаться в будущих версиях, но основа должна быть очень похожей. Во-первых, я установил зависимости yarn add tailwindcss postcss-loader autoprefixer postcss -D Затем я создал файл postcss.config.js со следующей конфигурацией и поместил его в корень: module.exports = {..
Создайте повторно используемый компонент Vue.js для разбивки на страницы с помощью Laravel и Tailwind CSS
В этом руководстве предполагается, что вы уже настроили laravel и создали маршруты для api и представления. И вы уже лениво загружаете компоненты vue и используете их в файле шаблона лезвия. Laravel Это необязательно. Если вы хотите следовать за мной, вы запускаете php artisan make:resource UsersCollection , и коды будут выглядеть так. Затем в моем примере контроллера он вернет клиенту ответ json и использует коллекцию UsersCollection для форматирования ответа. Vue.js..