Atomic Design: Sviluppo di interfacce con React e Tailwind CSS • Coding Zone 30
HTML-код
- Опубликовано: 10 сен 2024
- Live Streaming del 28 giugno 2023
« Atomic Design: Sviluppo di interfacce con React e Tailwind CSS » con Marco Insabato
Meetup #TheCommunitiesBay della Community #CodingZone powered by Aulab
Registrati gratuitamente per ricevere [1] Link di accesso [2] Promemoria [3] Attestato di partecipazione e partecipare a [4] Quiz/Lottery finale ➙ thecmmbay.com/...
Partendo da una panoramica completa dell'utilizzo dell'Atomic Design in combinazione con React e Tailwind CSS, che permettono di creare interfacce web scalabili e modulari, esploreremo come suddividere l’interfaccia in componenti atomici riutilizzabili, per offrire maggiore flessibilità e facilitare la manutenzione a lungo termine. Vedremo inoltre come combinare React con Tailwind CSS per ottenere un flusso di lavoro efficiente e una separazione chiara delle responsabilità.
In dettaglio, vedremo:
• Introduzione all'Atomic Design: Descrizione delle cinque fasi dell'Atomic Design (Atomi, Molecole, Organismi, Layouts, Pagine) e spiegazione del loro ruolo nel creare un sistema di design scalabile e modulare.
• Utilizzo di React per la progettazione atomica: Spiegazione di come React faciliti la creazione di componenti atomici riutilizzabili, consentendo una gestione più efficiente dello stato e delle interazioni utente.
• Creazione di componenti atomici in React: Come suddividere l'interfaccia in componenti atomici, sfruttando le proprietà, gli eventi e lo stato di React per creare interfacce dinamiche e interattive.
• Comunicazione tra componenti: Metodi per passare dati e gestire le interazioni tra componenti atomici all'interno di un sistema di design.
• Stilizzazione e formattazione con Tailwind CSS: Approfondimento sull'utilizzo di Tailwind CSS per creare stili e layout coerenti in modo rapido ed efficiente.
Attraverso questo talk, impareremo come combinare Atomic Design, React e Tailwind CSS per creare interfacce web modulari, facilmente manutenibili e scalabili.
▶︎ Attestato di partecipazione
Chi parteciperà alla diretta e “firmerà” il registro di presenza riceverà, il giorno successivo, l’attestato di partecipazione!
▶︎ Agenda
❍ Benvenuto, Innocenzo Sansone & Aulab
❍ Talk/Live coding
❍ Domande & Risposte
❍ Quiz/Lottery
▶︎ Quiz finale
Alla fine dell'incontro potrai metterti alla prova insieme agli altri partecipanti con alcune domande sul talk che avrai appena seguito! Ci saranno tante sorprese ;-)
▶︎ Nasce «Coding Zone Community» powered by Aulab!
Partecipa ai tech meetup ed entra a far parte della Community:
▷ Tutti gli eventi della Community
▷ Il gruppo Coding Zone su LinkedIn
▷ La playlist RUclips di Coding Zone
Trovi tutto qui ➙ thecmmbay.com/...
▶︎ Speaker
• Marco Insabato, Fullstack Developer
Sviluppatore fullstack con un passato da startupper. Ex studente Hackademy e adesso docente e freelancer, nell'ultimo anno si è dedicato all'insegnamento delle basi dello sviluppo frontend e allo studio delle nuove tecnologie per il frontend come Tailwind CSS, Alipine.js e React.
Alla costante ricerca di nuove tecnologie da imparare e implementare nei progetti. Appassionato delle metodologie agili soprattutto dello scrum grazie agli insegnamenti del suo coach Giancarlo Valente.
▶︎ Evento organizzato da
• Coding Zone Community ➙ thecmmbay.com/...
▶︎ Ospitato su
• The Communities Bay ➙ thecmmbay.com
▶︎ Powered by
• Aulab ➙ aulab.it
• Innocenzo Sansone - Tech & Dev Community Engagement ➙ sansone.community