JSFiddle - React, Tailwind, and code Playground

by Vladimir

JavaScript

//---------------
    //* Category Model
    var Category = Backbone.Model.extend(
    {
        initialize: function()
        {
           //* заполняем категории/подкатегории
        },
        defaults:
        {
            cid: 0,
            title: "Категория",
            subCategories: [],
            recipes: []
        },
        getRecipes: function() {
            //* получаем рецепты для подкатегории/подкатегорий
        }
    });
//---------------
    //* Recipe Model
    var Recipe = Backbone.Model.extend(
    {
        initialize: function()
        {
           //* заполняем рецепты
        },
        defaults:
        {
            nid: 0,
            title: "Рецепт",
            calories: 0,
            cooktime: 0,
            portions: 0,
            filepath: "empty.jpg",
            slides: [],
            tags: []
        }
    });
//---------------
    //* Slide Model
    var Slide = Backbone.Model.extend(
    {
        initialize: function()
        {
           //* заполняем слайды
        },
        defaults:
        {
            cid: 0,
            text: "Возьмите чистую кастрюлю",
            img: 'empty.jpg',
            slidePosition: 0
        }
    });