Descargar twitter ui practise - Descargar el código fuente de twitter ui practise

twitter ui practise

Código Fuente de IA

1.0.0

Descargar

Clon de práctica de la interfaz de usuario de Twitter

El objetivo de este proyecto es aprender sobre el próximo JS. Mi experiencia es un diseñador web con experiencia en HTML y CSS de viento de cola con algunos conocimientos básicos de JavaScript. Terminé tratando de recrear la interfaz de usuario de la página de inicio de la aplicación Twitter. Está lejos del original y estoy seguro de que hay muchos defectos. Cualquier sugerencia o mejoramiento, hágamelo saber. Lo principal es divertirse y aprender algo nuevo, espero que usted también pueda.

Twitter-demo.mp4.mp4

Empezando

Cuando se mueve el reposio

npm install
npm run dev

Vuelva a verificar el libro de cuentos para ver los componentes de forma aislada

npm run storybook

Asuntos

El panel lateral derecho no sigue el mismo comportamiento que Twitter. Mientras se desplaza, se pega pero debería poder ver los enlaces de los pies.

Pila

Next.js
CSS de viento de cola
Base
Libro de cuentos
Velo

Recursos

Las personas que seguí y revisé sus repositorios y videos para construir el clon.

Tru Narla
Colby Fayock
Steven Tey
Lee Rob
Florentin

¿Qué es eso?

Si revisa el paquete.json, déjame intentar explicar algunos

Autoridad de Varianza de Class: le permite crear variantes para cosas como botones. Si eres un diseñador, es como las variantes de componentes de Figma.
Names Names: si diseña un componente como los componentes de la interfaz de usuario de Radix, puede tener una larga línea de clases de utilidad CSS cuando usa CSS de viento de cola. Es posible que tenga un flujo, animación, receptivo, diseño y otras clases. Ahora puede agruparlos en líneas separadas.