Come posso sapere se i miei dati devono essere un componente react.js?

0

Sto guardando React.js e sto cercando di capire se può aiutarmi con i miei set di dati ricorrenti che ho su varie pagine. Tutti i dati provengono da un database, dicono un elenco di nomi e indirizzi, un insieme di dati tabulari, tag semanticamente.

Potrei aver bisogno di quella serie di informazioni su più di una pagina. Utilizzo un framework MVC PHP (in-house), quindi posso chiamare tali dati in base alle esigenze, ma non so se sono in grado di considerare l'insieme un "componente".

Non voglio eccessivo, ma potrei avere un sacco di set di dati come quello, ei dati saranno correlati (da alcuni RDBMS). Se ho un nome e un indirizzo, potrei voler vedere quanti ordini ho inviato lì. Gli ordini stabiliscono un componente che posso costruire? Gli esempi potrebbero essere moltiplicati.

Quasi tutto proviene da un modulo inviato e restituisce solo i dati letti. Nessun inserimento, aggiornamento o eliminazione, solo selezione.

Qualcosa come Angular.js è un framework più adatto? Overkill?

L'ho avuto su SO ma l'ho cancellato. Penso che sia più una domanda di design.

    
posta johnny 13.05.2015 - 00:07
fonte

2 risposte

1

Se stai ricevendo alcuni dati e stai rendendo tali dati, si tratta di un componente. E 'così semplice. Praticamente tutto ciò che rende dovrebbe essere un componente React. La maggior parte delle altre cose non vogliono essere componenti React.

Il framework React e il ciclo di vita sono completamente costruiti attorno a "Render this data" dato che è praticamente unico scopo. Se la responsabilità del codice potrebbe essere riassunta in questo modo, allora è un componente. Altrimenti, non è adatto per essere un componente.

    
risposta data 13.05.2015 - 00:11
fonte
1

I componenti riutilizzabili sono il fulcro di qualsiasi app React. È possibile creare un componente per ogni tipo di dati che si riceve dal database e renderli ogni volta che se ne presenta la necessità. Per decidere come suddividere i componenti, fai riferimento a questo post da Facebook.

Per quanto riguarda i dati di relazione con cui desideri lavorare, è qui che potrebbero prendere in considerazione le reali considerazioni di progettazione. Se stai memorizzando i dati come oggetti di scena per ciascun componente, dovrai assicurarti che il tuo progetto permetta il top- in basso o in basso in alto di dati o potresti non essere in grado di eseguire le tue query relazionali. D'altra parte è possibile archiviarlo come globale o utilizzare qualsiasi altro approccio che si possa ritenere giusto.

Un'altra cosa da considerare è che React non è un framework MVC, quindi non puoi incaricare il tuo Controller di memorizzare i dati in Model e far funzionare la View con esso. In React puoi usare l'approccio isomorfo per ottenere i dati oppure puoi fare richieste AJAX al tuo server. Probabilmente dovresti dare un'occhiata a Flux Architecture per React.

Per quanto riguarda l'uso di Angular, è un framework MVC completo mentre la preoccupazione principale di React è la View. Si tratta di preferenze personali.

Personalmente uso React ogni volta che ho bisogno di un'applicazione web "stateful". Dove devo gestire le modifiche alle visualizzazioni in tempo reale in base alle interazioni dell'utente con l'app. React è più adatto per questo scopo, ma se la tua app sarà più statica, puoi sicuramente usare React ma non sfrutterai il suo pieno potenziale.

    
risposta data 13.05.2015 - 01:46
fonte

Leggi altre domande sui tag