Please enable JavaScript.

Coggle requires JavaScript to display documents.

Flux Sample React App (src folder (App.js # (class App extends Component…

- - - - { Component } - from 'react'
      - App.css - from './App.css'
      - FluxViewport - from 'flux-viewport/dist/flux-viewport.common.js'
      - Button - from './Button'
      - astericks (*) as helpers - from './utils/helpers.js'
      - Dropdown - from './Dropdown'
      - React - from 'react'
    - - config
        
        url: window.location.ref
        
        flux_url: 'https://flux.io'
        
        flux_client_id: 'faed754f-9dc5-440b-aeca-7fa484c3728b' // your app's client id
      - sphere
        
        "origin": [0, 0, 0],
        
        "primitive": "sphere",
        
        "radius": 5
    - - constructor (props)
      - setViewport(div)
      - updateViewport(json)
      - _onLogin()
      - _onLogout()
      - _selectProject(sel)
      - _stashValue()
      - _keyChange(sel)
      - _getOptions()
      - _getContent()
      - _handleDataChange(e)
      - render()
    - - App is rendered in index.js
  - - - instantiate Flux SDK with application key
        
        let sdk;
        
        let helpers;
        
        let user = null;
        
        let dataTables = { }
      - Functions
        
        export function login( )
        
        export function logout( )
        
        export function getUser( )
        
        export function init(config)
        
        funtion getDataTable(project)
        
        export function getProjects( )
        
        export function getCells(project)
        
        function getCell(project, cell)
        
        export function createCell(project, name)
        
        export function getValue(project, cell)
        
        export function updateCellValue(project, cell, value)
        
        export function createWebSocket(project, notifcationHandler)
        
        export function getFluxToken( )
  - - - ReactDOM - from 'react-don'
      - index.css - from './index.css'
      - App - from './App'
      - registerServiceWorker - from './registerServiceWorker'
      - React - from 'react'
    - - ReactDOM.render( <App />, document.getElementById('root'));
        registerServiceWorker();
  - - - React - from 'react'
      - { Component } - from 'react'
      - Button.css - from './Button.css'
    - - componentDidMount( )
      - componentWillMount( )
      - componentWillUpdate( )
      - componentDidUpdate( )
      - render( )
  - - - React - from 'react'
      - { Component } - from 'react'
      - Dropdown.css - from './Dropdown.css'
    - - componentDidMount( )
      - componentWillUnmount( )
      - componentWillUpdate( )
      - componentDidUpdate( )
      - _buildOptions( )
      - render( )
- - - - Title Tag - React App
    - - Script Tags
        
        flux-sdk-min.js
        
        flux-sdk-helpers.min.js
      - Div Tag - id="root" - where App is rendered