Come accelerare il processo di sviluppo del frontend [chiuso]

Question

Come accelerare il processo di sviluppo del frontend [chiuso]

#1 da (1 voti)
#2 da (1 voti)

2

Non ero abbastanza sicuro di dove postare questo, ma questo posto sembrava appropriato. Durante il tempo in cui ho fatto lo sviluppo web, ho notato che ho perso più tempo a configurare e configurare il mio ambiente, piuttosto che a realizzare un'applicazione stessa. Ho provato a utilizzare molti strumenti come il grunt per automatizzare le attività, ma continuo a perdere troppo tempo.

Esempio: oggi dovevo scrivere una semplice web-app con uno stile base di bootstrap per renderlo presentabile ai clienti, quindi ho deciso di utilizzare SailsJS dal momento che ho letto molto su come il processo di sviluppo è incredibilmente veloce. Questo è quando ho passato più di un'ora a copiare e incollare risorse (principalmente front-end) da bower, npm e vari altri posti, solo per farlo funzionare. Come in tutti i tutorial, semplicemente premono un pulsante magico e tutto funziona perfettamente all'istante.

La mia domanda è questa, come posso accelerare il mio sviluppo e non dovermi preoccupare di perdere tempo ad installare le librerie esterne via bower, npm?

web-development node.js

posta Paradoxis 04.04.2016 - 22:16

fonte

2 risposte

Leggi altre domande sui tag web-development node.js

Come modellare tipi simili con dati diversi? Le classi private nidificate sono considerate composizioni?

score 1 · Answer 1

Direi che c'è sempre un certo numero di configurazioni necessarie per far funzionare un progetto e so che a volte questo può diventare fastidioso. Tuttavia, se il sistema si trasforma in un sistema su larga scala, questa volta è ben speso e ti farà risparmiare mal di testa più tardi.

Per ridurre il tempo, assicurati di scegliere una struttura adeguata alle tue esigenze: una libreria leggera ti consentirà di essere più veloce di un quadro completo con tutti i campanelli e i fischietti. Ma quest'ultimo potrebbe essere più appropriato per un progetto su larga scala. Quindi, una volta scelto il framework, assicurati di leggere effettivamente la documentazione e di comprendere il framework.

In linea con questo, dici di aver iniziato a usare SailsJS per qualcosa che è stato fondamentale per il tempo. Secondo la mia esperienza, quando hai bisogno di stick della velocità con la tecnologia che conosci già, la familiarità quasi sempre compensa la "magia" dei più recenti framework quando non li hai mai usati. Esplora nuovi framework su progetti collaterali che non sono mission critical fino a quando non sei pronto per usarli per la produzione reale, in questo modo ti renderanno più veloce.

Un'altra cosa: assicurati di avere gli strumenti corretti in posizione. Dici che hai passato un'ora a copiare risorse da NPM, ecc. Il punto centrale di questi strumenti è che non copia le cose in giro. Esegui solo npm install cool-library e installa cool-library e tutte le dipendenze. Quindi, se non lo hai fatto, dovresti davvero leggere su NPM e farti configurare correttamente.

score 1 · Answer 2

Inizia in piccolo.

Per qualsiasi progetto, chiediti cosa hai bisogno di fare, minimo indispensabile. Non preoccuparti di quali plug-in di jQuery sono disponibili o quale software di controllo della versione utilizzare o di quali preprocessori dovresti codificare o cosa troppo tecnico. Inizia con due file: index.html e script.js . Forse alcune piccole librerie per il POC funzionano.

Un po 'più in là, crea un repo git o qualcosa del genere. Non deve essere remoto o ospitato su un server da qualche parte. Basta creare un repository locale. O no. Dipende da te.

Mentre procedi, identifica i punti di dolore e inizia a creare nuovi file per isolare questi problemi. Mantieni tutto organizzato (sì, puoi organizzare il codice senza un quadro generale). Fallo così, lungo la strada, potresti sostituire pezzi isolati del tuo codice. Prendi in considerazione l'aggiunta di altre librerie che mirano a esigenze specifiche.

E a proposito, prima ancora di preoccuparti di un file package.json (o di un equivalente gulp / grunt / webpack), prova le librerie semplicemente scaricando il loro codice sorgente (escludendolo ovviamente dal tuo progetto principale). Se decidi di tenerlo, crea uno script di build e aggiungi questa libreria come dipendenza.

La linea di fondo è che non hai bisogno di bootstrap o di costruire script o strutture massicce per iniziare a lavorare su qualcosa. Se questi strumenti si dimostrano utili per ciò a cui stai lavorando, allora puoi incorporarli.