JSFiddle - React, Tailwind, and code Playground

by abernier

HTML

<script src="https://raw.github.com/maccman/spine/master/lib/spine.js"></script>
<script src="https://raw.github.com/maccman/spine/master/lib/relation.js"></script>

CSS

###me = User.create(
  id: 1
  name: 'Antoine BERNIER'
  friends: [
    {
      id: 2
      name: 'Yannick'
    },
    {
      id: 3
      name: 'Nicolas'
    }
  ]
)
console.log '### MOI ###'
console.log User.find(1)

console.log '### MES AMIS ###'
console.log me.friends().all()###

CoffeeScript

class User extends Spine.Model
  @configure 'User', 'name'
  @hasMany 'friends', 'User'
window.User = User

###class Friend extends User
  @configure 'Friend'
window.Friend = Friend###


me = User.create(
  id: 1
  name: 'Antoine BERNIER'
  friends: [
    {
      id: 2
      name: 'Yannick'
    },
    {
      id: 3
      name: 'Nicolas'
    }
  ]
)
console.log '### MOI ###'
console.log User.find(1)

console.log '### MES AMIS ###'
console.log me.friends().all()
  
console.log '### YANNICK ###'
console.log me.friends().find(2)
  
console.log '### NICOLAS ###'
console.log me.friends().find(3)
  
console.log User.all()