rbrisita / fakefoursquare Goto Github PK

So its just best practice to not do this. It's perfectly fine if you're the only person working on the app and you have complete control, but in general it's a bad habit.

So what are your thoughts on using ES6 and hooking up Webpack/Babel? ES6 will allow you to give your code a little more structure with breaking it out into smaller chunks and importing what you need.

By far, my favorite feature of ES6 is template literals. It allows you to easily manage your templates and you don't have to do a replace method to append your data.

EX:

const dataSource = {
   name: "Bobby Window",
   occupation: "Ladies Man",
   age: "None of your business!" 
}
const {name, occupation, age} = dataSource;
const example_tpl = `
   <div>
      <span>${name}</span>
      <span>${occupation}</span>
      <span>${age}</span>
  </div>
`

I haven't used jQuery in a while, but I recall there being a .then() method which automatically resolves a promise

$.get('some_uri_.json').then((data) => {
// response logic goes here

return somedata;
}).done((data) => {
 // your data is ready to be binded to the DOM and the promise has been resolved. 
})

NOTE: Syntax might be a little off, but that's the basic concept