Information Architecture Cheatsheet

gistfile1.txt

How do you get that JSON?
    Data is what drives our apps and tools.
    Whenever you need data, you need to figure out what is the best way to use that data in the front-end. 
    Depending on your options and the way you use that data, you can figure out what to do with it.
Control over the data
    Does it belong to you? Have you created the data?
    Can you host it?
    Is it static?
    Is it dynamic?
    Does it have to be managed? By Who?
Questions
    The information architecture decision cheatsheet for front-end developers
    or: How to get that data from the server to the client? Do you need to use AJAX?
    You want to use data in javascript client-side.
    By answering these questions, you will know when to get the data, how to obtain it and what to do with the data afterwards.
    Answers:
        When should I load the data
        How do I get the data
        How do I use the data (later on in the app?)
        How do I cache the data
    Do you need to read or submit data?
        read
        submit
    When do you need it? 
        On Pageload
        After context switch (route, dialog, pagination, infinite scroll with lazy load)
        After form submission (filter, sort, create, update, delete)
    What data do you get in return?
        A collection of items/entries
        Just the status code
    Is the data static?
        No, it is possible that entries will get added or deleted
        Yes
    How big is the data you get/submit?
        just a few entries
        Over 1KB - I am submitting files or lots of data
    Is the data confidential?
        I will post/get from my own server
        I use a public API such as google
    Do you need to request the data only once?
        once (per pagination)
        I need to poll for updates
    Strategy
        AJAX
            Axios
            Fetch
            Jquery
        Server Push
            Eventsource
            Websocket
        Bundle
            Vanilla (load via <script> and reuse)
            ES6 Module/Webpack/Other bundlers