B4J Library [BANanoReactMDL] A Material Design Lite framework for Website / WebApp Creation

Discussion in 'B4J Libraries & Classes' started by Mashiane, Sep 2, 2019.

  1. Mashiane

    Mashiane Expert Licensed User


    What is this?

    It is BANanoReact (BANano + ReactJS) + MDL = BANanoReactMDL. To simply it, let's see this.

    BANanoReact is just a UX library that helps with rendering UX using Facebook's ReactJS. The concentration for that was just the UX rendering and not all the other nitty gritties using the React API.

    BANanoReactMDL is built on top of BANanoReact as a UX of choice for less complex websites and webapps, it's still a proof of concept, thus the test-drive agenda.

    Why MDL? First, its directly from Google and there are some nice websites that have been created using it.
    MDL is no longer being supported by Google as they are doing MDC i.e v2 of MDC. True, however the MDC framework is still being developed.

    Lets Test Drive..

    1. Head over to github, https://github.com/Mashiane/BANanoReActApp


    2. Copy the contents of the libraries folder to your B4J external folder.
    3. Run the B4J project inside BANanoReactMDLDemo.

    Contents of folders

    1. BANanoReact - the source code for the BANanoReact library
    2. BANanoReactDemo - the demo source code that used BANanoReact library.
    3. BANanoReactMDL - the source code for the MDL wrap using BANano + ReactJS
    4. BANankReactMDLDemo - the demo that runs code you see on the video.



    PS: This is still being explored and not ready for any production based apps/ web things
    Johan Hormaza, Don Oso and joulongleu like this.
  2. hibrid0

    hibrid0 Active Member Licensed User

    Mashiane this is other framework like ABMaterial?
    Do not depent on ABMaterial?
  3. Mashiane

    Mashiane Expert Licensed User

    To answer you...

    BANanoReactMDL is a proof of concept project that uses BANano + FaceBook's ReactJS + MDL.

    These are the sources of these frameworks.

    1. BANano
    2. ReactJS, a partial wrap for this was done on this thread
    3. MDL

    So the final response is...

    1. Is another framework like ABM? Definately NOT.
    2. Is dependent on ABM? Definately NOT.

    joulongleu likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice