NextJS, TailwindCSS, and TypeScript: #22 - Creating the Share component

Опубликовано: 18 Август 2024
на канале: Lucas Souza Dev

280

Need help? Request private assistance: https://forms.gle/Pu1aT2LsbU1nuTTDA

We always need to make the propagation process as easy and simple as possible for our users. This provides a better UX and UI experience and encourages content sharing online.

In this lesson, we will develop a component that will help us copy the course URL, which will be used at other times in this course. We will create the sharing component, which will allow our users to copy the course URL more easily, enabling easier course sharing.

Links mentioned in the video:
📖 Project repository - https://github.com/lvsouza/youtube-ne...
🅵 Prototype - https://www.figma.com/community/file/...
🗨️ Discord -   / discord

Other courses on the channel:
🔔 NextJS, TailwindCSS and Typescript -    • NextJS, TailwindCSS e Typescript: #00 - Ap...
🎩 Figma for DEVs -    • Figma para DEVs: #00 - Apresentação do curso
☪️ Styling course in React -    • Estilização no React: Aula 00 - Curso de f...
⭐️ React with TypeScript Course -    • Curso de react: Aula 01 - Começando com Re...
👑 React, Material UI 5 and TypeScript -    • React, Material UI 5 e Typescript: #00 - I...
🏆 REST API, Node and TypeScript Course -    • API Rest, Node e Typescript: #00 - Apresen...

Recommended Books:
📘 Clean Code - https://amzn.to/43Xiick
📘 Clean Architecture - https://amzn.to/3ZMCStr
📘 Migrating Monolithic Systems - https://amzn.to/45ByPDZ
📘 The Micro SaaS Handbook - https://amzn.to/4jCan93

Contents:
0:00 | Introduction
0:43 | What we will do in this lesson
2:12 | Adding the share icon
4:15 | Creating the CopyContent component
6:50 | Using the CopyContent component
8:08 | Implementing the component with RADIX
18:00 | Adding styling to the CopyContent component
24:20 | Copying text to the clipboard
27:00 | Adding copied feedback to the copy button
30:55 | Commit the adjustments
32:15 | Finalization and Acknowledgments

CODARSE - Creating the course details screen

#WebDevelopment #Programming #SoftwareDevelopment #LearnProgramming #OnlineCourses #TechTutorials #YouTubeEducation #CodeNewbies #FrontendDevelopment #CodeWithMe #EducationalTechnology #WebDesign #AppDevelopment #LearnToCode #FrontendTechnology #DigitalEducation #AppDevelopment #ProgrammingTutorials #CreativeCode #ProgrammingForBeginners #NextJS #typescript #javascript #tailwindcss #react #reactjs

На этой странице сайта вы можете посмотреть видео онлайн NextJS, TailwindCSS, and TypeScript: #22 - Creating the Share component длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Lucas Souza Dev 18 Август 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 280 раз и оно понравилось 22 зрителям. Приятного просмотра!

608