Cum plecati la drum pentru un SPA (Single Page App)

Ce framework javascript folositi, ce toole si unde pe drum v-ati dat duhul?

Ce probleme ati intalnit si cum le-ati rezolvat

  • modularitate
  • memory leaks
  • optimizare incarcare
  • UI
  • you name it
2 Likes

Desi nu imi place front end-ul si evit sa ma bag, recomand sa incepi cu o solutie creata special pentru asa ceva: Backbone, Angular. Evident, exista si pareri contra, dar iti rezolva unele probleme intalnite, pornind de la organizare si extensibilitate.

Daca e vorba de un site ce se vrea a fi indexat, ar fi bine sa ai in vedere partea de seo, care nu e oferita standard de solutiile mentionate mai sus (Angular are suport pentru Google, dar e doar pentru Google).

@msd Nu ma refer la site pentru google. Desi exista si pentru acest lucru solutii foarte bune (cum ar fi generarea de content static pentru browser cu nodejs,etc)

Ember.js + CloudFront + fast API + decent caching schemes

Decent caching schemes? Backend sau frontend?

back-end 1st / on front-end you can leverage basic browser caching headers first

Depinde ceea ce vrei sa realizezi si cat de complex este.

  • memory leaks - tine mai mult de arhitectura, daca folosesti RESTful apis nu ai de ce sa ai problema asta daca scrii corect modulele, daca folosesti localstorage, sunt cateva librarii care te pot ajuta sa eviti
  • optimizare incarcare - normal nu ai avea nevoie de optimizare, decat daca ai fisierele de JS de 2-3mb
  • UI - nu recomand nimic jquery daca vine vorba de modularitate
  • you name it - aici este putin subiectiv, difera de la caz la caz

Pt. cine este familiar cu node.js recomand ca front-end stack:

browserify - bundle javascript packages
rework & rework-npm - bundle css packages
React.js - fara JSX, recomand javascript, exemplu (note: key navigation, text search) – source code

Cateva intrebari la care sa va ganditi:

  • how do you handle user session state (authentication / authorization)?
  • how do you handle application / view state?
  • do you need URL routing into specific view and how will you handle history [browser back button]?

Este destul de mult de discutat, ca si arhitectura. Am creat un app destul de complex cu arhitectura de mai sus si este foarte modular si usor de extins.

Inainte de React.js am lucrat vreo 2 ani in Angular.js, mi-a placut destul de mult ca si alternativa la ce era atunci. React.js vine cu o paradigma diferita, si prezinta foarte corect ideea de UI component, si ignora HTML-ul total (ceea ce ar si trebuii sa facem).

Ember.js pare sa vina cu multe out of the box, daca ceea ce ofera iti satisface cam toate nevoiele, go for it. L-am folosit, si nu este flexibil, ca si Angular.js - you must go the Ember / Angular way. React.js este JavaScript.

P.S. - cand va ganditi la Single Page Apps ignorati jquery / backbone.js please – vizionati: simple made easy

3 Likes

Scuze de intrebare!
Se pare ca sunt obsedat de aplicatt online :smile:
Dar frameworkuri javascrip online folositi/exista?

@rast framework-uri online? Nu inteleg intrebarea sau ce te intereseaza mai exact

Scuze pentru ignoranta.
Este diferenta mare intre framework si editor de fisiere/
Scuze!