Публикации по теме 'react'


Почему Vuejs такой классный?
Небольшой контекст о Vuejs SPA - это самая модная в настоящее время модель разработки веб-приложений, используемая большинством пользователей и не зря. Он обеспечивает более гибкое взаимодействие с пользователем за счет загрузки одной HTML-страницы, которая динамически загружается при взаимодействии пользователя. Приложение SPA устраняет необходимость в постоянной перезагрузке страницы. Больше интерактивности означает больше JavaScript, поэтому, безусловно, важны хорошо организованный и..
React против Vue: мой опыт
Среди веб-разработчиков идет бесконечный спор о том, что лучше: Vue или React? Сегодня я собираюсь внести свои собственные идеи в дебаты. React и Vue являются внешними веб-библиотеками JavaScript — я пытался изучить их обе, поэтому вот мое мнение о том, какую из них вы должны использовать для своего следующего проекта. Что такое интерфейсный JavaScript-фреймворк? Давайте начнем с разъяснения фронтенда и бэкенда. Интерфейс — это дизайн веб-сайта — то, что вы видите,..
Компоненты высшего порядка (HOC) React
Компоненты высшего порядка React дают нам возможность наследовать функциональность компонента другому компоненту. Проще говоря, мы можем повторно использовать функциональность компонента. Давайте разберемся с этим на одном небольшом примере: Предположим, вы хотите разработать приложение, в котором вы хотите увеличивать число нажатием кнопки и наведением курсора на элемент. И если вы взяли два отдельных компонента для нажатия кнопки и для наведения, вам нужно реализовать логику..
BeatBot — драм-машина на TypeScript
Познакомьтесь с вашим новым любимым барабанщиком, BeatBot! Простая драм-машина, которая приносит бум! Пошаговое руководство BeatBot был спроектирован и разработан West McMillen в рамках проекта Digital Craft React. Он написан на TypseScript с использованием React/Redux/Tailwindcss. Каждый набор ударных BeatBot содержит 16 отдельных сэмплов. В верхней части приложения вы увидите выбранный в данный момент набор ударных. Ниже секция пэдов содержит 16 помеченных пэдов,..
Знакомство с компонентами React Server: создание динамических веб-приложений
В мире веб-разработки React был доминирующей силой, позволяющей разработчикам создавать динамические и интерактивные пользовательские интерфейсы. Серверные компоненты React, новое дополнение к экосистеме React, переносят эту мощь на сторону сервера, открывая захватывающие возможности для создания высокопроизводительных и масштабируемых приложений. В этой статье мы углубимся в мир серверных компонентов React и рассмотрим их возможности на практических примерах. Что такое компоненты React..
Фреймворки JAVASCRIPT, КОТОРЫЕ МЫ ИСПОЛЬЗУЕМ И РЕКОМЕНДУЕМ
Среди социологов есть излюбленная цитата: «Чтобы вырастить ребенка, нужна деревня». Это означает, что ребенок учится на каждом взаимодействии, и его прогресс зависит от поддержки, которую он получает от своего окружения. Я не социолог, а разработчик программного обеспечения. Удивительно, но то же самое можно сказать и о разработке программного обеспечения. Использование правильной структуры и основных инструментов, получивших широкое признание в отрасли, помогает получить поддержку,..
Создайте страницу входа в Instagram с помощью Next.js и TailwindCSS. Часть 4. Создание плавающей метки
Используйте расширение tailwindCSS В этой статье мы собираемся добавить плавающую метку, поэтому, когда пользователь нажимает на поле ввода, она, как и заполнитель, становится меткой. Здесь мы также будем использовать конфигурацию попутного ветра для расширения темы. Вы увидите, что даже мы используем text-xs , текст все еще недостаточно мал, чтобы работать как метка. Поэтому нам нужно создать собственное имя класса.