В этой серии уроков мы собираемся создать этот пост в Instagram. Есть два поста, а также мини-профиль с предложениями. Внутри каждого сообщения вы можете увидеть количество лайков, подписи, комментарии, а также поле ввода. Начнем с шапки Instagram. Мы уже создали этот проект, и вы можете начать с проекта заголовка и всплывающей подсказки Instagram.

Пользовательский интерфейс ленты Instagram React NextJS с помощью TailWind CSS, часть 1 — настройка стиля заголовка и построения…

Пользовательский интерфейс ленты Instagram React NextJS с помощью TailWind CSS, часть 2 — копирование историй

React NextJS Instagram feeds UI with TailWind CSS Part 3 — Create Post and Posts component, add the…

Интерфейс ленты Instagram React NextJS с помощью TailWind CSS, часть 4 — добавление группы изображений и значков

Интерфейс ленты React NextJS в Instagram с помощью TailWind CSS, часть 5 — количество отметок «Нравится и комментариев»

Пользовательский интерфейс React NextJS для Instagram-каналов с помощью TailWind CSS, часть 6 — поле для комментариев и ввода

Интерфейс ленты Instagram React NextJS с помощью TailWind CSS, часть 7. Создание компонента MiniProfile

Интерфейс ленты Instagram React NextJS с помощью TailWind CSS, часть 8. Создание компонента предложения

Если вам понравилась эта история, вам также может понравиться подписка на Medium. Это всего 5 долларов в месяц (цена чашки кофе!), но это даст вам неограниченный доступ к историям, поддерживая ваших любимых писателей. Если вы зарегистрируетесь по этой ссылке, я получу небольшую комиссию. Спасибо!

Подписывайтесь на нас: YouTube, Medium, Udemy, Linkedin, Twitter, Instagram, Gumroad, Quora, Pinterest.

Присоединяйтесь к партнерам, чтобы зарабатывать деньги

https://ckmobile.gumroad.com/affiliates