NextJS, TailwindCSS, and TypeScript: #22 - Creating the Share component
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
Auf dieser Seite können Sie das Online-Video NextJS, TailwindCSS, and TypeScript: #22 - Creating the Share component mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Lucas Souza Dev 18 August 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 280 Mal angesehen und es wurde von 22 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
