Jonty76 / bubbles

Apache License 2.0
8 stars 0 forks source link

Front end architecture #1

Closed des-des closed 8 years ago

des-des commented 8 years ago

How do we want to structure our page on the front end?

Options:

  1. Have a single HTML document with each separate page being a div. Using css to transition between pages
  2. Use ajax requests to get content for subsequent pages. Returned data then rendered with js on front.
  3. Use more than one HTML document. Normal page requests/links moving between two pages (ie not a one page app)
  4. Use REACT with react router.
des-des commented 8 years ago

Things to consider:

  1. page load
  2. transition feel / speed ect
  3. Organisation of code. ie how much complexity will we introduce to our code?
  4. How much time will we need to spend learning new technology?
  5. Will this approach hold us back in future sprints?
des-des commented 8 years ago

One page app with css transitions

one page app on wikipedia. Super useful background!

pros
cons:

If we are not using a framework I think this would be a great place to start!

naazy commented 8 years ago

Use React with react router

PROS

CONS

TUTORIALS

jackcarlisle commented 8 years ago

We have decided to use REACT for our single page app.

thegsi commented 8 years ago

Replacing html on page with XMLHTTP

Pros

We are familiar with method High speed possible but not as quick as React Transitions can work well but may be steep learning curve,

Cons

Could be less organised code Shallow learning curve as we are all familiar Could work on in future again but more difficult to pick up than with framework

Must be used in conjunction with div containers on html page to begin with.

Links

http://danielnouri.org/notes/2011/03/13/an-ajax-page-update-mini-tutorial/ http://code.tutsplus.com/tutorials/important-considerations-when-building-single-page-web-apps--net-29356