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
In questa pagina del sito puoi guardare il video online NextJS, TailwindCSS, and TypeScript: #22 - Creating the Share component della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Lucas Souza Dev 18 agosto 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 280 volte e gli è piaciuto 22 spettatori. Buona visione!
