Cómo comenzar a construir una aplicación web usando React

Estoy trabajando en una aplicación Javascript React y Redux bastante grande en este momento. Aprender Redux no sucedió de la noche a la mañana; Tuve que esforzarme mucho para que sucediera. Sin embargo, estoy contento con el camino que tomé.

Esto es lo que hice:

  1. Se familiarizó con React leyendo los documentos oficiales en la biblioteca A JavaScript para construir interfaces de usuario | Reaccionar.
  2. Creé algunas pequeñas aplicaciones de reacción solo para asegurarme de que entendí los conceptos básicos. El API de React no tardó tanto en absorberse porque es muy famoso. ¡Quizás 12 métodos en total!
  3. Lea los documentos oficiales de Redux aquí: Léame | Redux Los documentos son buenos, pero en realidad no explican cómo estructurar una aplicación grande. Además, los ejemplos integrados como ‘Mundo real’ utilizan algunos enfoques “únicos”, especialmente en cómo manejan las solicitudes de AJAX.
  4. Lea algunos tutoriales de Redux en línea, principalmente publicaciones de blog. Muchos están desactualizados, de lo contrario los vincularía 🙁
  5. Tomó un curso en línea en Udemy – Modern React with Redux – Udemy. Esto es lo que solía reunir todos los temas: Webpack, React, React Router y Redux.
  6. ¡Construir! Creé varias aplicaciones pequeñas, como las aplicaciones de estilo “To-Do”. Nada puede reemplazar el trabajo duro y la molienda a través del material.

En general, estoy contento con el tiempo que pasé aprendiendo Redux, es un marco de alta demanda en este momento, y muchos de los principios que aprendí están más centrados en Javascript. Siento que ahora tengo un mejor dominio de JS que cuando recogí, por ejemplo, Angular, ya que Angular se centró en aprender el “Camino Angular”. ¡No hay mucha transferencia de habilidades allí!

  1. Escriba la función principal de su aplicación web en el centro de una hoja de papel.
  2. Escriba todas las funciones que admiten su función principal (por ejemplo, registro, gestión de perfil, etc.) en ese papel, alrededor de la función principal.
  3. Anote todas las funciones que admiten las funciones que enumeró en el último paso. Haga esto recursivamente hasta que se enumeren todas las características.
  4. Decida cuántas páginas necesita para cada función.
  5. Redacta estas páginas en papel.
  6. Instalar facebookincubator / create-react-app
  7. Use create-react-app para generar el esqueleto de su front-end.
  8. Implemente esas páginas.

El libro de código abierto The Road to learn React va más allá de una aplicación Todo. Creará una aplicación de Hacker News y aprenderá React en el camino. Le enseña los principios básicos de React sin herramientas ni bibliotecas externas de administración de estado como Redux. El recurso se mantiene actualizado con las mejores prácticas recientes y las actualizaciones recientes de React.

Comenzaría por verificar este repositorio que contiene un proyecto repetitivo y una buena documentación sobre el desarrollo de la reacción directamente desde Facebook facebookincubator / create-react-app

Esta fue mi inspiración el año pasado para crear una aplicación de producción. Simplemente siga para recrearlo, pero asegúrese de comprender lo que está haciendo. Buena suerte.

http://sahatyalkabov.com/create-