GithubHelp home page GithubHelp logo

dashboard_react's People

Contributors

herredro avatar herredro-xw avatar olivierbrcknr avatar

Watchers

 avatar

dashboard_react's Issues

Next Features

JavaScript

  • DashNav indication for selection (with var classes?)
  • Possibility of showing multiple Dashes

Data

Style

  • Nicer Buttons/Whatever to navigate
  • On/Off Switches for modules

Notes on 2.0

1. Unclear Code features

classes.push(props.className);

  • What is the var classes for?
    • So far, there is no className-prop passed to MapContainer to push in list (-> undefined)
    • Features being enabled by this:
      • Button coloring depending on state (right, @olivierbrcknr?)
      • A kind of history function to jump back.
      • ...

let switchFocus = (content) => {
// in our case, this changes the state of the component
setFocus(content)

  • where is it called? I feel like this is redundant, since I don't see any code calling this. There are only calls to setFocus directly (see below).

<DashNav
focus={focus}
callBack={(evt) => setFocus(evt)} />

  • callBack - when is this event triggered and where?
    I only see setFocus being called directly (in the callback function of DashNav). Should switchFocus be called instead?

2. Unclear React features

<button onClick={() => {clickHandler('maps')}}>Maps</button>

  • @olivierbrcknr Is this "the way to do it"? I.e.: is it generaly better style to call a local function first, that then calls the prop function?

    I would have done "onClick={props.clickHandler}"
    (@olivierbrcknr, would this ^ be called a callback or just a function that was passed as a prop?)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.