- Use Less, Comenzando | Less.js, un preprocesador para CSS que le permite agregar mixins, variables y funciones. Además, alinee sus componentes CSS críticos para cada página para que el navegador no necesite descargar toda la carga útil de CSS antes de representar los bytes. Consulte la publicación de Quora sobre ingeniería para obtener tiempos de pintura más rápidos para obtener más información: Tiempos de pintura más rápidos por Michael Yong sobre Ingeniería en Quora
- Use un administrador de tareas como gulp, gruñido o paquete web para automatizar su proceso de minificación / agrupación / prueba para un desarrollo más rápido. Puede ser una tarea difícil de configurar, pero hay algunos tutoriales bastante buenos en la Web de los que puede aprender mucho más.
- Familiarícese con los patrones típicos de React. Por lo general, esto implica familiarizarse con la arquitectura Flux (también de FB) que combina bien con el flujo de datos y el modelo de representación de React. Flux esencialmente toma un enfoque de flujo unidireccional de datos y divide un front-end en el componente, el almacén del componente y las acciones. Cuando los usuarios interactúan con el componente, se disparan acciones. La implementación real de estas acciones está en la tienda, que también es responsable de actualizar sus variables que representan el estado del componente. Luego, el componente, que tiene un oyente escuchando la tienda, se vuelve a representar. Vea aquí (mi publicación de blog) para más información.
- Crear componentes reutilizables. Este es uno de los principios básicos de React (si no el principal) y por qué muchos desarrolladores lo usan. Los componentes reutilizables permiten un desarrollo más rápido y pueden agregar funcionalidad adicional en la interfaz de usuario cuando los componentes más grandes se componen de los más pequeños.
¿Cómo debe diseñar su aplicación web React?
Related Content
¿Cuáles son los aspectos económicos de una barra de herramientas del navegador web?
Scala: ¿Qué buen marco puedo elegir para el desarrollo web?
¿Cuáles son algunas aplicaciones web creadas con Meteor.js?
¿Cuál es el mejor marco para comenzar su propio proyecto de aplicación web (para un inicio)?
si hermano,
Estoy usando el fluir.
javascript es6 – para – babel
css – para – publicar css y scss
herramienta bulid – paquete web
cliente y servidor – para – isomorfo
aprenda los enlaces si usted establece …
buena suerte ….
El mío es un simple archivo css externo. No puedo imaginar que quieras agregar un estilo en línea.
Hago ise trago para construir y para el desarrollo. También minimiza mi CSS. Solo hazlo fácil 🙂
More Interesting
Cómo construir un raspador web para que sea indetectable
¿Qué aspectos de Node.js lo hacen adecuado para aplicaciones web en tiempo real?
¿Cuáles son todos los sitios web de "búsqueda instantánea" que se han creado?
¿Cómo funciona el almacenamiento en caché en una aplicación web?
¿Cuáles son los principales beneficios de usar MongoDB en aplicaciones web?
¿Qué es mejor: desarrollo móvil o desarrollo web (back-end y front-end)?