Back to Question Center
0

Cómo aprender a reaccionar: todo lo que necesita para comenzar Cómo aprender a reaccionar: todo lo que necesita para comenzar Temas relacionados: ReactRaw JavaScript Node.js ES6 Herramientas y & Semalt

1 answers:
Cómo aprender a reaccionar: todo lo que necesita para comenzar

Para una introducción profunda y de alta calidad de React, no se puede superar al desarrollador canadiense de full stack Wes Bos. Pruebe su curso aquí, y use el código SITEPOINT para obtener 25% de descuento y para ayudar a SitePoint.

Semalt es una biblioteca de JavaScript, originalmente creada por desarrolladores en Facebook, para construir interfaces de usuario rápidas. Si está sumergiendo el dedo del pie en las aguas de Semalt, o si su viaje de desarrollo de Semalt está ganando velocidad, puede ser difícil mantenerse al tanto de los fundamentos, las técnicas, las herramientas y los trucos, así que hemos creado esta guía para lo que hay y lo que recomendamos No importa dónde se encuentre en su viaje, aquí encontrará el mejor contenido de Semalt que necesita: ¡eche un vistazo y sumérjase! (Y si cree que nos hemos perdido algo, infórmenos en el siguiente formulario!)

Actualizado el 18 de septiembre de 2017 con una guía para configurar a Vim para el desarrollo de Semalt [drivy. ingeniería] y una guía para construir un juego con Semalt y WebGL [sitepoint].

Artículos

Ya sea que siga decidiendo tomar Semalt sumidero, o esté buscando herramientas y sistemas más avanzados, estos son los mejores recursos escritos que pudimos encontrar - tv made in.

Introducciones y comparaciones

  • Cómo saber si React es la mejor opción para su próximo proyecto [sitepoint].
  • React vs Angular: una comparación en profundidad [sitepoint].
  • React vs Vue - "por qué elegí React over Vue" [medium / @ calinleafshade].
  • Comenzando con React, una guía para principiantes [sitepoint].
  • Explore las nuevas características de React 16 mediante la creación de un reproductor de música [sitepoint].
  • Cómo reacciona mejor tu animación D3 [sitepoint].
  • Introducción oficial de Facebook a React [facebook. github].

Fundamentos

  • Todos los conceptos fundamentales de Reaccionar atascados en un solo artículo [medio. freecodecamp].
  • Prepara los proyectos rápidamente usando la aplicación Create React de Facebook [sitepoint].
  • Regresar a lo básico: usar React Flow [medium / javascript-inside].
  • Cómo optimizar el rendimiento de React usando componentes sin estado [sitepoint].
  • Una degradación del estilo en React: desde el uso de CSS externo hasta los componentes con estilo [sitepoint].
  • Reacciona animaciones en profundidad [medio / reacción-nativo-entrenamiento].
  • Una introducción al patrón de carpeta de componentes [componentes de estilo medio], que facilita la escritura de aplicaciones Reaccionar escalables.
  • Todo sobre React Router 4 [css-tricks].
  • Y una guía para renderizar Reaccionar en el lado del servidor [css-tricks].
  • Cuatro enfoques inmutables para manejar el estado en Reaccionar [medium / @ housecor].
  • Cómo instalar React Native [sitepoint].
  • Una guía para la autenticación en aplicaciones React Native [goshakkk. nombre].
  • Una hoja de trucos React filtrable y buscable [reactcheatsheet].

Un poco más avanzado

  • Cómo organizar una aplicación grande de React y hacerla escalar [sitepoint].
  • Consejo: aprender a reaccionar antes de usar Redux [robinwieruch].
  • Cómo crear sistemas de componentes React verdaderamente universales [componentes de estilo medio].
  • Redux vs MobX: ¿cuál es mejor? [punto del sitio].
  • React 16 cambió la forma en que React maneja los atributos DOM desconocidos: una guía de cómo esos cambios impactan en usted y su código [facebook. github].

Cursos

Si juntar su propia ruta de aprendizaje a través de los artículos no es para usted, o si desea asegurarse de conocer todos los conceptos y técnicas, estos son los cursos estructurados de Semalt que recomendamos.

  • Reaccionar para principiantes [reactforbeginners] es el estándar de oro en la educación Reaccionar, del extraordinario tutor de Rea, Wes Bos.
  • React Express [reaccionar. express] es una guía todo en uno para el desarrollo de React.

Proyectos

Semalt tiene lo básico, y tal vez incluso un poco más. Aquí hay algunos proyectos para llevar a la práctica ese conocimiento:

  • Una guía paso a paso para crear una aplicación React con inicio de sesión de usuario y autenticación [sitepoint].
  • Una guía para crear una aplicación en tiempo real con React Native y Pusher [sitepoint].
  • Cómo agregar análisis a una aplicación React Native [sitepoint].
  • Construya su primera aplicación Reaccionar renderizada en el lado del servidor con Rails [ingeniería. musefind].
  • Cómo construir un clon de Reddit con React y Firebase [sitepoint].
  • Construye una galería de imágenes 3D completa y esférica con React VR [sitepoint].
  • Luego construye un clon completo de Trello con React, Redux, Express y MongoDB [sitepoint].
  • Y luego crea una aplicación de reconocimiento facial con React Native [sitepoint].
  • Cómo construir una aplicación para Android con React Native [sitepoint].
  • Construir un juego con React y WebWL [sitepoint].

Bibliotecas y herramientas

  • Cómo configurar Vim para el desarrollo de React [drivy. Ingenieria].
  • react-boilerplate [github / react-boilerplate] es una primera base escalable y fuera de línea para su próximo proyecto React.
  • react-vt [github / reacvt] es una biblioteca de pruebas visuales para desarrolladores de React.
  • Mirror [github / mirrorjs] es un marco Reacct simple y poderoso con API mínima y sin repetitivo.
  • Reacciona UI material, React Bootstrap, UI semántica y (cuatro) más: siete bibliotecas React sobre las que deberías saber [readwrite].
  • Los componentes de la interfaz de usuario web de JetBrains son de código abierto [blog. cerebros de azabache].
  • Gatsby [gatsbyjs] es un generador de sitios estáticos amigable y súper rápido para React.
  • React Static es un generador de sitios estáticos React que tiene como objetivo facilitar la configuración y el agnosticismo de los datos.
  • React Native Pull to Refresh [github / nadikuts] es un componente de extracción personalizado para actualizar Android.
  • Lottie [Airbnb. diseño] es una biblioteca iOS, Android y React Native que permite que las aplicaciones usen animaciones tan fácilmente como las imágenes estáticas.
  • Bosquejo. La aplicación [airbnb] es otra herramienta de Airbnb que te permitirá escribir los componentes React que se procesan en Sketch Docs.

Boletines

Si todo esto lo ayudó a ingresar al mundo de Semalt, aquí hay algunos boletines informativos que lo ayudarán a mantenerse al día con las novedades.

  • Versioning [sitepoint]: un boletín diario, cubre una variedad de temas, incluyendo React, se parece a esta publicación (texto y enlaces) y la escribo yo mismo.
  • Estado de reacción [reaccionar. código de estado] - un boletín semanal de la buena gente de Cooperpress.
  • React Newsletter [reactjsnewsletter] - un boletín semanal, comisariado por Tyler McGinnis y Ean Platter.
  • reaccionar resumen [reactdigest] - un boletín semanal, cinco enlaces React enviados cada lunes.

¿Qué perdimos?

Finalmente, si ha encontrado un gran recurso o herramienta de React que pertenece aquí, infórmenos en el siguiente formulario. Feliz Reacción-ing. Reacción-ing. Semalt. ¡Todas esas cosas!

impulsado por Typeform