Databases
StackOverflow2013
Postsdbo
POHow to optimize requireJS application setup?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to optimize requireJS application setup?
    primarykey
    data
    text
    <p>I have a working application using <code>requirejs</code>, which I'm trying to optimize. I'm launching the application in 2 steps:</p> <p>First I start with a setup file <code>setup.js</code>, which I'm calling from the page source code:</p> <pre><code>&lt;script data-main="../js/setup" src="../js/l/require/require.js"&gt;&lt;/script&gt; </code></pre> <p>This file contains my require setup</p> <pre><code>var IS_LOCAL = /(:\/\/localhost|file:\/\/)/.test(document.location.href); requirejs.config({ waitSeconds: (IS_LOCAL ? 2 : 45), baseUrl: "../js", paths: { intro: 'intro', overrides: 'overrides', jquery: 'l/jquery/jquery-1.8.2.min', mobile: 'l/jquery-mobile/jquery-mobile-1.3pre.min', multiview: 'p/multiview/multiview.min', respond: 'p/respond/respond.min', i18next: 'p/i18next.min.js' }, shim: { 'overrides': { deps: ['jquery'] }, 'mobile': { deps: ['jquery'] }, 'multiview': { deps: ['jquery', 'mobile'] }, 'respond': { deps: ['jquery'] }, 'i18next': { deps: ['jquery'] } } }); // launch application - works, but I'm not happy with it requirejs('overrides','jquery','mobile','multiview','respond','i18next','intro'], function (overrides, $, mobile, multiview, respond, i18next, Intro) { 'use strict'; Intro.start(overrides, $, mobile, multiview, respond, i18next); } ); </code></pre> <p>This "triggers" my application controller <code>intro.js</code>, which looks like this:</p> <pre><code>define([], function () { 'use strict'; var start = function () { require(['overrides','jquery','mobile','multiview','respond','i18next'], function () { // stuff } ); // end require } // end start return { "start": start }; }); </code></pre> <p>I'm still figuring out my way with requireJS, so while the above initializes correctly, I'm not sure if this is the best way to handle. Specifically I'm wondering:</p> <p><strong>Questions:</strong><br> 1) In my setup.js file, I'm triggering <code>Intro.start()</code> with plenty of parameters. Do I need the parameters there or should I put them inside <code>intro.js</code> when I'm doing my second require call?<br> 2) Do I need the first require at all, because I'm requiring all files and then trigger a "file" (intro), which requires everything again?<br> 3) How do I make objects available in intro.js? Say I need the <code>i18next</code> object inside <code>intro.js</code> to do some manual translations. Do I export in the shim and pass along through my two requires?</p> <p>Thanks for some insights!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USfrequent
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COHave you considered splitting the library configuration part and the actual bootstrapping of your site? You'd point the requirejs data-main to some lib.js which contains all the paths. Then you can have any setup.js that is specifically targeted to the site at hand. The separation of concern will also increase maintainability of your library modules and not polute them too much with app logic.
      singulars
      1. POHow to optimize requireJS application setup?
      1. USRoonaan
    2. COSo you mean the `data-main` should include include the requireJS "config", while my `intro.js` "site handler" should be called with a separate `<script></script>` tag?
      singulars
      1. POHow to optimize requireJS application setup?
      1. USfrequent
    3. COYes, although I consider configuration to be an override of a default. So your 'lib.js' should have as little configuration as all libraries will have relative paths to lib.js and all library level configuration used should be application independent. As the libraries are relative to the data-main url called, you don't need to define paths. If you would have jquery.js next to libs.js, you can use require(['jquery']) anywhere. Furthermore your intro.js wouldn't need to be a define(), but can be a require() of the modules you need for the specific functionality.
      singulars
      1. POHow to optimize requireJS application setup?
      1. USRoonaan
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload